Web Browser + APP

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

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

>

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.

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');
}