Ir para conteúdo
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 !

Compartilhar este post


Link para o post
Compartilhar em outros 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

Compartilhar este post


Link para o post
Compartilhar em outros 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

Compartilhar este post


Link para o post
Compartilhar em outros 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.

Compartilhar este post


Link para o post
Compartilhar em outros 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');
}


 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Ferdz-Agencia-Digital
      Estou desenvolvendo um APP  (Kotlin) e  preciso que após 3 minutos de inatividade e ele se feche. Isso é possível ?
    • Por Fernando Rafael
      Bom dia, estou baixando arquivos que estão em uma hospedagem própria para serem acessados por um aplicativo que estou desenvolvendo (consigo fazer normalmente utilizando os comandos citado mais a baixo), porém os arquivos ficam salvos na pasta padrão de DOWNLOADS do Android, minha intenção não é ficar acumulando estes arquivos no aparelho, ou esperar que o usuário exclua manualmente, gostaria em salva-los em uma pasta interna do aplicativo para que seja possível excluir automaticamente pelo próprio aplicativo, já tentei como alternativa excluir esses arquivos da pasta DOWNLOADS, mas não consegui...
       
      Segue o código que estou usando para baixar os arquivos, queria adaptar para baixar direto na pasta interna do aplicativo, ou como alternativa caso isso não seja possível, conseguir excluir esses arquivos da pasta DOWNLOADS do Android...
       
      String url = "https://www.site.com/arquivo.pdf"; //Arquivo que vou baixar DownloadManager.Request request = new DownloadManager.Request(Uri.parse(url)); request.setDescription("Alguma descrição"); request.setTitle("Algum titulo"); //A notificação de conslusão só esta disponível a partir da API 11 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { request.allowScanningByMediaScanner(); request.setNotificationVisibility(DownloadManager.Request.VISIBILITY_VISIBLE_NOTIFY_COMPLETED); } //Salvando o arquivo no diretório de Downloads request.setDestinationInExternalPublicDir(Environment.DIRECTORY_DOWNLOADS, "arquivo.pdf"); DownloadManager manager = (DownloadManager) getSystemService(DOWNLOAD_SERVICE); manager.enqueue(request);  
    • Por Fernando Rafael
      Bom dia, alguém poderia me ajudar com esse problema? 
       
      Estou fazendo um aplicativo bem simples em que sua única função será criar uma pasta no celular (em local acessível pelo gerenciador de arquivos do usuário), e posteriormente copiar arquivos de outro local ou rede e colocar nesta pasta.
       
      Fiz algumas pesquisas, mas por incrível que pareça não encontrei algo que tenha funcionando. Também tenho dúvidas sobre qual seria o equivalente ao "C:/" do Android.
    • Por glocatelli
      Boa tarde,

      Preciso desenvolver um app com os parâmetros descritos na tabela e estou com dificuldade de pensar uma forma de fazer isso, pensei em vários "If's" para classificar o conforto térmico, mas como existem resultados que se repetem em mais de uma classificação acabei descartando esse caminho.
      Se possível me deem dicas de como os senhores procederiam =D

    • Por ernestovm
      Bom dia.
      Descobri, depois de muito trabalho, um problema esquisito. Tenho duas imagens que chamam funções JavaScript determinadas. Uma funciona e a outra não. Isso no Firefox. No Chrome as duas funcionam perfeitamente. Alguém conhece alguma gambiarra para fazer o Firefox funcionar? Segue os códigos:
      HTML:
      <img src="images/ic_abrir.png" width="70" height="70" onClick="abre_notificacao(<? echo "'".$us_codigo."','".$item."'"; ?>);" style="cursor:pointer" id="p_imagem-<? echo $item; ?>" name="p_imagem-<? echo $item; ?>">
       <img src="images/ic_excluir.png" width="70" height="70" onClick="excluir_notificacao(<? echo "'".$us_codigo."'"; ?>);" style="cursor:pointer">
      JAVASCRIPT:
      <script type="text/javascript">
          function abre_notificacao(codigo,indice) {
              $("#p_imagem-"+indice).attr("src","images/ic_abrir_ok.png");
              $("#ver-"+indice).css("display", "block");
          }
          function excluir_notificacao(codigo) {
              $.post("excluir_notificacao.php", {codigo: codigo}, function(resposta) {
                  confirm(resposta+" ("+codigo+")");
              });
              location.reload();
          }

      </script>
      A Função abre_notificacao(codigo,indice)  funciona perfeitamente nos dois browsers.
      A Função excluir_notificacao(codigo) só funciona no Chrome.
      Obrigado pela luz
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.