Web Browser + APP

[JoeJr 0]

Galera, Boa tarde!

estou desenvolvendo uma aplicação web, que possui um layout responsivo e etc.

e gostaria de saber se é possível abrir algum aplicativo nativo do celular via browser, utilizando o javascript ou outra linguagem.

Exemplo :

- Gostaria que quando a pessoa clicasse no ícone do Waze (browser), abrisse o aplicativo no celular.

Desde já obrigado !

[gabrieldarezzo 255]

Qnd você fala ícone -> abrir app

Se refere ao atalho dos aplicativos da home screen?

Atualmente o usuário já pode adicionar (conf->'Adicionar a tela inicial') porem tem uma funcionalidade interessante nova rolando no mercado(veja o gif)

Basicamente a ideia é falar para o navegador...

"Ei cara esse site aqui é do mal, alem de responsivo e utilizar os melhores conceitos de Web, ele tmb tem um ícone personalizado caso o User entre aqui..."

(Já vou te adiantando, se seu site não tem suporte a SSL (https) nem abre o link, se vai passar raiva hehe

Entenda:

https://developer.chrome.com/multidevice/android/installtohomescreen

https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/

Bons estudos xD

[gabrieldarezzo 255]

Agora obviamente posso ter entendido errado e sua duvida era realmente 'transformar' o seu site em um App..

Nesse caso tu busca por:

Ionic

Cordova/PhoneGrap

ou

app híbridos

[ScarletWitch 0]

Em 01/11/2016 at 21:57, gabrieldarezzo disse:

Agora obviamente posso ter entendido errado e sua duvida era realmente 'transformar' o seu site em um App..

Nesse caso tu busca por:

Ionic

Cordova/PhoneGrap

ou

app híbridos

Acredito que na verdade ele quer interagir com os apps que o usuário possui no próprio celular.

Por exemplo: eu compartilho um link do reddit na minha aplicação web: se o usuário possui o aplicativo do reddit instalado, eu gostaria que abrisse o aplicativo Reddit do usuário ao invés de uma "fake" como o "tohomescreen" proporciona.

[gabrieldarezzo 255]

Você fala de DeepLink?

 

Fora do aplicativo já abrir com parâmetros.

Para habilitar um DeepLink no seu aplicativo no Androd:
https://developer.android.com/training/app-links/deep-linking
 

------

Caso queira consumir um DeepLink que já  está instalado no ceu celular, você simplesmente chama ele.

 

 

Ex do Waze: 

waze://?ll=-23.5991863,-46.6918253

Na sua pagina em HTML simplesmente direcione essa url/deeplink:

<a href="waze://?ll=-23.5991863,-46.6918253">Abrir no Waze o endereço X</a>

 

Caso a pessoa esteja num computador é possivel fazer um 'fallback' para abrir ou o aplicativo ou  o site, Ex:

function isMobile() {
	if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
		return true;
	}
	return false;
}

const fromLat = '-23.5991863';
const fromLng = '-46.6918253';
const lat = '-23.6059109';
const lng = '-46.6832851,15z';

if(isMobile()) {
	console.log('waze://?ll='+ lat +','+ lng);
} else {
	console.log('https://www.waze.com/pt-BR/livemap?zoom=17&from_lat='+ fromLat + '&from_lon='+ fromLng + '&to_lat='+ lat + '&to_lon='+ lng + '&at_req=0&at_text=Now');
}