Jump to content
JoeJr

Web Browser + APP

Recommended Posts

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 !

Share this post


Link to post
Share on other sites

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)

add-to-home-screen.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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites

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


 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By andre2654
      Bom dia, peço humildemente a ajuda de vocês,
      Enfim, estou fazendo um exemplo de site, só para teste mesmo, onde terá uma janela principal perguntando em qual site a pessoa quer ir(1 só empresa, porém dois negócios) ai se a pessoa clicar em alguma das melecas, quero que ela abra mostrando o site, ou só uma imagem mesmo

    • By rodbacana
      Boa noite senhores(a),
       
      estou iniciando agora com react native e firebase, estou tentando criar uma aplicação 
      onde você loga com e-mail e senha, logo após irá aparecer uma lista com as ações da bolsa de valor pra que você possa escolher uma delas.
      Quando clicar sobre qualquer uma, será exibido um gráfico com as oscilações, e o usuário poderá criar um alerta que quando a ação atingir uma valor(seja ele positivo ou negativo)
      o celular dispare uma alerta.
       
      A questão é: a tela de login e as validações, eu consegui fazer. Mas não faço a mínima idéia de como criar os gráficos baseados no consumo de uma api rest que eu tenho aqui.
       
      Alguém pode me ajudar ?
       
    • By Hotdoug
      Tenho ao meu ponto de vista uma "boa" ideia de app para ganhar dinheiro e prêmios, mas não entendo nada sobre desenvolvimento do mesmo. 
      Gostaria de conhecer pessoas que saibam desenvolver e trocar idéias, nada mais que isso. Quem sabe possa surgir um Aplicativo reconhecido mundialmente.
    • By douglasdmlopes
      Estou tentando instalar o mac no virtualbox para usar o emulador do iphone já tem um bom tempo, mas nao estou tendo sucesso, então preciso disso no windows ou ubuntu mesmo, alguém conhece algum emulador para esses sistemas? preciso disso para fazer meu tcc
    • By DjjrGabriel4
      Boa tarde! Sou dono de um grande serviço de iptv, e no momento estou vendendo tvboxes(semelhante ao apple tv porém com android), mas precisava alterar o launcher, pois esses tvboxes seriam somente para o iptv, sem a opção do usuário poder instalar outros aplicativos e/ou mexer nas configurações do aparelho. Será que é possivel transformar um apk em um launcher?

      Meu apk: https://silveiraiptv.com.br/app.apk
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.