No artigo de hoje, vou ensinar à vocês como converter qualquer website, blog, fórum ou página em aplicativo para Android de maneira grátis e simples sem enrolação!
Requerido:
- Website com Design Responsivo;
- Computador com Sistema Operacional Windows.
Mas o que carambolas é Design Responsivo?
Uma página da Web Responsiva, é aquela que consegue se adaptar ou encaixar de maneira a ser bem visualizada em qualquer tela/dispositivo, seja este um Celular/Smartphone ou a tela de um Computador ou Tablet, até mesmo em um telão gigante!
Para tornar seu site responsivo, ou criar um site responsivo, recomendo que você utilize uma plataforma CMS como o WordPress, Joomla ou Drupal para seu site. E então instale um tema responsivo de sua preferência. Download – Website2Apk Builder 3.4.0 Pro clique para baixar.
- Alguns temas responsivos para WordPress Gratuitos podem ser encontrados aqui:
- Clique aqui para ver a lista de temas responsivos para WordPress.
Como saber se meu site possui um tema responsivo?
Para verificar se seu site possui um tema responsivo, você pode utilizar a ferramenta online abaixo:
(Responsive Design Check Tool Online) Clique no link para ter acesso a ferramenta, insira o endereço do site que deseja testar pra saber se é responsivo, e em seguida clique em GO! Na janela seguinte selecione o dispositivo na barra de seleção que existe a esquerda de sua tela, com Computador, um Tablet e um Smartphone. Se seu site for exibido corretamente e se adaptar sem ficar com texto ou imagem cortados então seu site é responsivo.
Para transformar um website em um aplicativo, você também irá precisar de um software que é responsável por fazer a conversão dos arquivos.
Clique aqui para Download – Baixar
Mãos a obra!
O primeiro passo é instalar o software em seu computador, seguindo as instruções contidas no arquivo que deixei disponível no link de download.
Após instalar o programa corretamente em seu computador, o passo seguinte será abri-lo e começar a explorar a interface de usuário dele.
- Marque a opção Web URL para apontar o aplicativo para o endereço de seu site;
- Se quiser compilar um aplicativo com páginas html offline você pode usar a opção Local Html Website;
- No campo Application Title, coloque o nome do seu site ou App;
- Em Package Name, é importante que coloque a referencia à seu site de trás pra frente;
- Coloque com.nomedoseusite.nomedoseuapp;
- Em Version Name, digite o número da versão para identificar (padrão é 1.0);
- Version Code é o código que a Play Store usa pra identificar seu App;
- App Orientation deixe em Auto Rotate para rotacionar automaticamente;
- Use o botão Change Icon para colocar um ícone personalizado em seu site (em png transparente);
- Output Directory é o local onde o App será salvo quando você o finalizar;
- Customize App Permissions serve para você ativar ou desativar permissões do App dentro do Sistema Android;
- Em App Startup Page selecione a opção adequada para a Web Page de seu site: index.html ou index.htm caso não saiba a correta faça o teste, entre no seu navegador, digite o nome de seu site seguido de barra/index.html ou /index.htm o que der certo você seleciona no App;
- Cache Mode deixe em default;
- About Dialog Text: Insira a mensagem sobre seu App – quem o compilou ou os créditos;
- App Exite Mode deixe selecionado Double Press Back;
- Em Custom Error Page você tem a opção de inserir uma página de erro customizada;
- Em Splash Screen você pode inserir uma imagem que irá aparecer enquanto o App carrega;
- URL : selecione http:// ou https:// o que for adequado a seu site, e digite o endereço correto de seu site na página.
- Adm0b Monetization serve para você inserir dados de monetização com anúncios.
- Push Notifications serve para você ativar as notificações do App.
- Para finalizar a construção de seu aplicativo basta clicar em GENERATE APK e aguardar alguns instantes para que o programa possa compilar os dados e assinar com certificado digital.
Pronto! Você já tem o aplicativo de seu site, agora basta adicionar na loja de aplicativos do Google e ser feliz!
Atualização 12/06/2019: Atualizada versão do aplicativo para 3 . 4 . 0 2019
Nesta atualização agora há suporte a nova APi exigida pelo Google Play Store: API 28
Senha para descompactar o arquivo: 1234
Gostou do artigo? Tem dúvidas? Sugestões? Por favor use o campo de comentários abaixo!
Tem como eu subir ele no google play sem pagar a taxa de $25 ?
Olá amigo, só se você conhecer alguém que já é inscrito no Google Play para publicar o app pra você.
Do contrário você tem que pagar para entrar para a loja.
Muito obrigado pelo auxílio. Muito bem explicado!
Obrigado pelo retorno!
boa noite me ajudou muito mas estou travado com a chave de assinatura agora vou tentar fazer com android studio ja vi varios tutorias os memos comandos no CMD mas nada da certo ja instalei o JDK fiz todo o procedimento necessario nada
Olá amigo tudo bem?
Publiquei um artigo explicando como criar seu próprio certificado keystore jks e assinar seus aplicativos, bem como inserir o certificado dentro do programa conversor de sites em apk para android!
Clique aqui para ver.
Amigo, não encontrei a senha em nenhum local do artigo. Onde está ou qual é a senha?
No final do artigo! a senha é 1234!
Ola Danillo, boa tarde. Você teria alguma ideia de como implementar NOTIFICAÇÃO PUSH? meu back end é em php e jquery e to usando bootstrap pra criar o app e complicar com usa ferramenta. Obrigado
Olá você pode utilizar a documentação do OneSignal para fazer notificações funcionarem! Comigo deu certo!
Não funciona mais, Google Play retorna.. “erro de nível de API, precisa ser 26”
Olá thiago, publicamos a versão mais recente de 2019 que já está “livre” do problema com a api antiga.
Queria esse Programa mais atualizado, você consegue meu amigo?
Olá amigo, acabamos de publicar a ultima versão disponível! Dá uma conferida no link de download.
Pede senha extrair o Zip do software que vc disponibiliza para download. E agora??
Att.
Opa! Da uma lida no artigo… a senha está lá! 😉
muito bom o tutorial amigo, me ajudou a poupar uma grana !! vlwww
Excelente artigo Danilo! Fiz o procedimento com o site da minha loja online que tem design responsivel e ficou excelente! Parabens pelas dicas amigo continue trazendo conteudo de qualidade para nos.