Android Studio WebView - Como Transformar Site em Aplicativo - Guia Completo e Atualizado

Aprenda a transformar o seu site em um aplicativo, utilizando o componente WebView do Android.
🔶 Curso de Desenvolvimento de Apps Android
stackmobile.co...
🔶Curso de Firebase Para Android
stackmobile.co...
🔔 Se inscreve no canal e ative o sininho, pra você não perder nenhum vídeo novo do nosso canal.
🏆 TOP VÍDEOS DO MOMENTO:
Como Usar o Celular Como Emulador no Android Studio - Guia Absolutamente Completo
• Como Usar o Celular Co...
Android Studio Chipmunk - Como Instalar e Configurar Corretamente - Guia Absolutamente Completo
• Android Studio Chipmun...
Configurando Emulador do Android Studio da Forma Correta | Sem Erros - Guia Completo e Atualizado
• Configurando Emulador ...
COMO CORRIGIR OS PRINCIPAIS ERROS NO ANDROID STUDIO - Guia Completo + Dicas Bônus
• COMO CORRIGIR OS PRINC...
Curso de Kotlin Para Iniciantes
• Curso de Kotlin para I...
Curso de Firebase - Android Studio
• Curso de Firebase - In...
Analisando as Vagas de Dev Android Junior + Super Dicas de como Aplicar nas Vagas - Guia Completo
• Analisando as Vagas de...
Android Studio - Como Usar o ViewBinding (Java e Kotlin) - Guia Absolutamente Completo
• Android Studio - Como ...
💎Site Oficial
stackmobile.co...
🔔 Se inscreve no canal e ative o sininho, pra você não perder nenhum vídeo novo do nosso canal.
#androidstudio

[@vemQcola]

Parabéns, o meu deu certinho. Tive problemas com de compatibilidade com Menu (Nav) que não abre ao clicar e ficou desproporcional. Parabéns pelo video sem enrrolação e direto ao ponto. Abraços

[@StackMobile]

Opa! vlw pela presença e pelo seu feedback. Abraço!

[@StackMobile]

⏳ Curso de Desenvolvimento de Apps: stackmobile.com.br/androidmaster

[@kernel409]

Muito técnico para quem é leigo como eu. Faltou ensinar como iniciar o projeto ao abrir o Android Studio equal layout selecionar antes de começar mostrar detalhes técnicos.

[@StackMobile]

Opa! tudo bem? Esse vídeo é um pouco mais técnico mesmo, porém aqui no canal tem diversos vídeos pra iniciantes no assunto. Da uma olhada depois nas nossas playlists. Espero ter ajudado. Atenciosamente...

[@DikLoko]

Em MainAcitivity, na terceira linha, está escrito "import ..." e pula direto para a quinta linha. ...Poderia me explicar? Não sei o que devo fazer alí, para deixar aqueles três pontinhos, se devo referenciar algo, e o que referenciar depois de "import". Agradeço a colaboração.

[@jhubberjhean787]

Esse projeto que você criou, podia disponibilisar para o download, onde as pessoas muda apenas o URL no codigo para o site que elas desejes... (com links para download pagos) uma outra forma de monetizar...

[@DevMaster570]

ele podia disponibilizar mesmo, por mim poderia ser de graça

[@wellingtonborgmann8299]

Caramba mano, tu tem tanta preguiça assim que não consegue digitar isso? Ele falou 10 minutos e 2 passou escrevendo, qual a tua dificuldade? Se deixar vc vai querer que faça pra vc

[@julianoviecili4148]

Programador não existe de crtl c e Ctrl v hahahah bora a cabeça pra funcionar assim que se aprende

[@JornadadeFeDEUS]

🤣😂🤣😂🤣😂🙌🏾👏🏾👏🏾👏🏾​@@wellingtonborgmann8299

[@3dmdev]

Muito bom a aula, se possivel faz depois de como implementar o admob nesse app

[@ritacordeiro7945]

Parabéns Marcos pelas explicações muito boas como você explica

[@StackMobile]

Muito obrigado Rita.

[@melegao]

Ótimo conteúdo, parabéns! Senti falta somente em como publicar o app. Abs

[@StackMobile]

Obrigado pelo seu feedback Alexandre, tmj irmão. Sobre a parte de publicação assista esse vídeo: kzbin.info/www/bejne/Z5PLoKqNiKuZgbs

[@raimundoneto4557]

mano, voce e brabo demais. muito obrigado

[@StackMobile]

Obrigado pela sua presença e seu feedback. Abraço!

[@rodrigofreitas2859]

Muito obrigado! Como resolver problemas com links externos que tentam abrir dentro da webview mas dá erro pois deveria abrir outro app. Ex: WhatsApp, Instagram...

[@3dmdev]

E possivel remover o menu teste ai no cabeçalho do app? e possivel tambem incluir uma barra de navegação pra avançar e retroceder as paginas? tipo o navegador mesmo

[@vivianesousa8478]

Muito bom o video bem explicado, ajudou bastante, apenas uma duvida. Após eu clicar em uma aba do meu site, quando clico em voltar ele fecha e não volta pra pagina inicial, o que sera que fiz de errado

[@josemarcos1519]

Excelente. Muito obrigado por compartilhar seus conhecimentos.

[@StackMobile]

Muito obrigado pelo seu feedback José.

[@anguegps]

Boa noite, tudo bom? me tira uma dúvida.. se o site tiver uma notificação, conseguimos passar a notificação para o Android? exemplo o apk fica rodando em segundo plano e em caso de notificação o mesmo demonstre ou toque no android o alerta ou notificação? obrigado desde já.. será de grande ajuda seu retorno

[@deivdivalverde1184]

poderia fazer um tutorial ensinando como exigir as permissões do app ao abrir a primeira vez o aplicativo.

[@DanielCostaMarketing]

Ótimo vídeo, parabéns! Como seria colocar uma Splash Screen e só mostrar o site quando ele tivesse totalmente carregado?

[@oliver4299]

dá pra fazer pelo próprio site

[@oliver4299]

você coloca uma div que ocupa a tela toda e quando carregar você some com ela, muito simples

[@JohnMitysumy]

funcionanou pra mim certinho, obrigado, porem tem uma coisa que fiquei na dúvida... no meu site tem um formulário para o usuário enviar uma imagem, só que não funciona, ele não mostra a opção de abrir a camera

[@fernandosalomao4583]

É possível salvar as infomarções de login do usuário pra quando ele sair, os campos já estarem pré inseridos?

[@matheusbellini301]

Como faço para ativar a câmera dele , no site pega tudo certinho mas quando ele fica como aplicativo , ela não abre

[@ggpsi13]

E no caso de pegar toda página em vez de apontar para uma URL, tipo todos HTML JS e PHP e colocar na apk

[@almundoful]

Qual comando coloco para que botão de voltar apenas volte em vez de fechar o app

[@kleyton_biasi]

É possível remover ou alterar alguma informação da página quando ela carrega, para que no app não aparece uma informação que na web tem que aparecer?

[@AndreCarioca]

Como faz para o aplicativo abrir dentro dele apenas o mesmo domínio, e outros domínios, como Instagram, Facebook etc, abrir nos respectivos aplicativo se o usuário tiver ele instalado, senão abrir no navegador externo ??

[@DevMaster570]

Tenho uma dúvida: Tem como eu colocar o WebView em um certo ponto do site com que fique fixado e sem que o usuário possa mecher na aba, seria pra passar estatisticas

[@djragner]

Excelente vídeo, parabéns. Como faço para arrastar a página para baixo e o site atualizar a página? Como faço para quando apertar o botão voltar, ele voltar a página anterior.

[@leosatinformacoes9736]

Meu projeto está funcionando. Porém é o seguinte. Quando faço login que navegador para outra página se eu voltar para a página anterior ele volta para página de login novamente. Como corrigir isso?

[@anarosaklinke]

Sei q é uma duvida básica. Mas que ambiente você usa para desenvolver? Android Studio?

[@StackMobile]

Provavelmente você fala do sistema operacional que eu estou utilizando correto? Estou usando o Windows 11

[@noiprocs100]

Muito bom o video! tire uma dúvida, como seria para colocar no app aquela opção de espelhamento de tela no apk?

[@higormartinsb]

Da pra mudar as cores da parte de cima ali onde fica a hora, bateria etc ...

[@StackMobile]

Sim Higor, é só você acessar a pasta themes -> themes.xml e mudar a cor da status bar pelo atributo colorPrimaryVariant.

[@higormartinsb]

Muito obrigado

[@aripaulino6687]

Pra completar como fazer a monetização desse app? Usando o AdMob.

[@StartDevBrasil]

Bom dia, consegui tranquilo.. Mas não carrega upload do input file me ajuda por favor!! Já procurei de tudo na internet mas nada até agora

[@DevMaster570]

Estava desde manha tentando resolver, cheguei mecher em tudo, dps que eu tava logo desistindo eu vi que eu tinha digitado viewBinding { enable = true ( eu tinha esquecido do D na palavra kkkkkkkkkkk) }

[@StackMobile]

Fala Lucas blz? kkkk os mínimos detalhes fazem toda a diferença nessa área de programação, mais o importante é que você conseguiu identificar. Ganhou XP Boa.

[@maupvargas]

kotlin já é uma linguagem própria para mobile. queria ver um site em html,css,js ser transformado em app.

[@StackMobile]

Agora não é mais exclusivo somente pra mobile ( Android ), hoje você consegue criar pra Android, iOS, Desktop ( Mac, Windows, Linux ), Servidor. Além disso já é possível criar sites com Kotlin utilizando o Compose Multiplatform, porém ainda está em fase experimental, mais em-breve vai ficar 100%.

[@SilasLaurentinoPinheirodaSilva]

ola, parabens pela aula, vc pode disponibilizar o projeto pra baixar, grato

[@StackMobile]

Link do Git: github.com/MarcosDuarteGomes/webview/tree/master

[@conteudoanimal.cortes]

Vc pode divulgar o projeto que podemos exportar ... estou tentando fazer mas sempre mostrar algum erro Alguem te esse código para baixar e usar no android studio ?

[@vitin_TV]

e como faço para voltar uma ação usando a seta do proprio celular?

[@NETECH1]

Segui todo passo a passo e mesmo assim continua dando acesso negado no link, oque faço ?

[@Mobah]

Consegui Fazer o APK, mas não o botão de Voltar

[@cryptocomisac]

Como faço para quando acessar o app e não estiver conectado a internet ou cair ele ir para um layout e quando voltar a internet ele voltar a mostrar o webview ou se clicar no botão que está dentro do layout voltar ele recarregar e jogar para o webview

[@rafaelvarela619]

Opa mano segui o passo a passo porém na hora de carregar o App ele está abrindo o link no navegador, alguem ja passou por isso e sabe o que pode ser?

[@NETECH1]

Estou com esse problema, oque fez ?

[@bateats]

Queria saber como colocar notificação para o usuário sempre que o site tiver um conteúdo novo..

[@MauroBarroSilva]

Legal, com certeza vou comprar esse curso

[@StackMobile]

Fala Mauro blz? Obrigado pela sua presença e seu comentário, isso ajuda demais o nosso trabalho. Sobre o curso, estamos fazendo uma promoção de Natal e Ano Novo, 3 cursos completos em um único pacote, Se tiver interesse aproveite a promoção! Link: stackmobile.com.br/pacote-mestre-do-android/ Atenciosamente

[@MauroBarroSilva]

@@StackMobile Legal, pode me dá mais informações de como funciona o suporte em caso de alguma dúvida, caso não consiga entender com as aulas?

[@StackMobile]

@@MauroBarroSilva O suporte é dentro da área do curso, também temos um grupo no Discord de alunos, lá também tiramos dúvidas. Quando você tiver alguma dúvida é só perguntar que agente te ajuda.

[@carlosbasilho1]

Opa! Boa tarde amigo, primeiramente agradecer e deixar aqui os parabens, outra coisa é tenho uma duvida, para criar app de uma loja virtual segue os mesmos passos?

[@StackMobile]

Obrigado pela sua presença e seu feedback Carlos. Não é mais complexo o desenvolvimento.

[@jasondossantos9797]

Conseguir fazer, porém, ao entrar no carrinho e tentar tirar o produto, não funciona. Acho que é por conta que abre em uma popup, consegue me ajudar?

[@RyamMlima]

O botão do WhatsApp ele entra certinho? Pq eu fiz um projeto que sno WhatsApp dava um erro unknown URL Schelme , oq da pra fazer?

[@kayllaclaft2627]

Tava tudo bom, até chegar nas últimas configurações, aí não tava dando certo

[@thebeastddt]

Vídeo sensacional

[@PotugalqueFuturo]

Boas amigo como atualizar um aplicativo no android studio e gerar uma APK com a chave antiga? Muito obrigado pela atenção dispensada

[@eseeucontar1264]

Estou com um problema no WebViewClient = WebViewClient não ta aceitando repetir essa informação o segundo da erro pode me ajudar ?

[@iagolima8504]

amigo me dar uma luz por favor consigo criar webview com appsheets e aplicar um leito de codigo de barra pois pela webview ? pois não consigo ativar o leitor so pela webview.

[@FernandoLassais]

Muito obrigado pelo vídeo, ams qual linguagem você selecionou no início?

[@StackMobile]

Obrigado pela sua presença Fernando, a linguagem utilizada é Kotlin. Atenciosamente

[@FernandoLassais]

​@@StackMobileeu quero fazer seu curso!

[@lucasr.martins4053]

Não diz como se chega nesse activity_main.xml, quando entra no vídeo ele já tá aberto, daí não da pra acompanhar as explicações

[@ageubetameshy6851]

Quando você for criar um novo projeto no padrão de Views XML, escolha o template "Empty Views Activity" ao invés de "Empty Activity".

[@arozendojr]

vou tentar no fim de semana, a WebView do ionic está deixando o aparelho colocar o tema noturno na pagina, coisa que não é para acontecer, vou tentar igual você fez

[@StackMobile]

Boaa meu amigo. Vai dar certo.

[@fernandobuenoart]

Amigo, me tira uma dúvida. Se tiver links de site como Facebook, KZbin. Se caso usuário clicar ele abra dentro? Caso sim, tem como abrir links no navegador

[@CZZRUAN]

Qualquer aplicativo que tenha uma página web pode ser aberto. Agora não tem como você abrir o Aplicativo dentro de outro aplicativo. Por exemplo o kawaii se não me engano ele só funciona pelo próprio app dele, então não tem como abrir, só daria se eles fizessem um site com as informações do aplicativo.

[@rodrigoofera]

Pesquisei aqui os diretórios no meu android studio e não está com a mesma estrutura que o seu. Apenas iniciei novo projeto.

[@StackMobile]

Quando você for criar um novo projeto no padrão de Views XML, escolha o template "Empty Views Activity" ao invés de "Empty Activity".

[@carlostrindade1023]

Ola Marcos, baxei essa nova versao do Android Studio Giraffe e estou com dificuldade de colocar WebView, nao encontro onde adiconar, quero abrir minha pagina com opção de voltar a pagina anterior dentro do aplicativo, se tiver algum tutorial pra me ajudar e quem sabe ajudar outros fico grato, se nao tiver como tudo bem, grato mesmo assim.

[@StackMobile]

Fala Carlos blz? A sua dificuldade está em adicionar o componente de WebView no seu layout? Ou é em relação a outra configuração específica? Falo isso pois ainda não testei nenhum WebView nessa versão, acredito que seja a mesma coisa. Pois a versão do Android geralmente não interfere no código que você escreve. Aguardo mais detalhes.

[@jordanvictor7315]

Dá agora colocar um site com backend php ou Node messe webview?

[@alunoqcm]

Oi você consegiu? Poderia me ajudar?

[@pedrolevove]

Isto funciona para planilhas? No caso, eu queria apenas criar atalhos para planilhas.

[@franciclebiodecarvalhoxavi5699]

perfeito, parabéns

[@StackMobile]

Muito obrigado

[@simples_E_logico]

No meu a tela fica branca, alguém sabe como faço pra resolver esse erro?

[@3dmdev]

Tem como baixar algum arquivo de dentro do site usando esse webview ou tem que fazer alguma alteração?

[@maranhense_22]

o cara ja começa o video com esses arquivos criados ae mano!! eu como leigo nao achei esse arquivo xml

[@carlosleal2099]

eu também não kkkk

[@conteudoanimal.cortes]

Oi ... pode me ajudar ... vc criou que tipo de projeto novo do zero ?

[@100_mimimi]

Tenho o link e gostaria de colocar para abrir via app. Quanto vc me cobra para colocar o link e deixar o app na play store

[@StackMobile]

No vídeo eu mostro exatamente isso amigo.

[@planeta12deoutubro]

Quanto cobra para transforma para app

[@rodrigorazzyel1]

amigo como no meu site em um botão de pdf como faço para liberar par baixar o pdf

[@MarlonPietretti]

n'ao consigo add em build.gradle ap[os o Kotlin essa opção "viewBinding" fica dando erro, alguma solução?

[@StackMobile]

Tem que digitar o código do viewBinding de forma manual Marlon, o código não está automático.

[@MarlonPietretti]

@@StackMobile Eu digitei e havia dado erro ainda, acabou que por fim depois fiz algumas coisas que foi.. rsrsrs Muito obrigado, seu vídeo ficou fantástico. Vc é pica.

[@SUPERLAUCHER-vi5qw]

pq não faz upload e download pelo webview?

[@tiago7918]

TOP! Pode me tirar uma dúvida? Meu site é para acesso de funcionários. Acontece que nesse site tem página de ponto eletrônico que só funciona se o usuário estiver logado, e tem o tempo da sessão expirar. Essa página de ponto no site, é aberta em uma aba nova sempre. Ou seja, sempre que a sessão encerrar a página de ponto vai recarregar para a página de login e o usuário vai acessar o relógio de ponto por um link e consequentemente abrir outra aba do relógio de ponto, que depois vai encerrar a sessão e vai ficar eternamente nesse loop rsrs Imaginando essa situação no browser no browser do navegar, existiriam uma quantidade enorme de abas abertas porque são usuários leigos e tals. Como ficaria isso se fosse preso no webview? Ou eu teria que configurar meu site para abrir o link do relógio de ponto na mesma página ao invés de abrir uma nova?

[@vitorgalvan2161]

Muito bom o video, mas gostaria de saber como consigo alterar todo o design usando o webview

[@StackMobile]

O Design do site?

[@vitorgalvan2161]

@@StackMobile isso, mas no caso acho que seria mais certo montar e usar os endpoints né?

[@brunomoser4963]

que tipo de projeto devo criar?

[@StackMobile]

Empty Views Activity

[@compositorhenriqueluan2664]

Professor, transformando o site pronto em aplicativo eu posso monetizar este aplicativo também?

[@StackMobile]

Pode sim.

[@ecoogleoficial9084]

Boa noite Brother! Você presta serviço de criação de Apps?

[@MauroBarroSilva]

Prof. Como deixar em full screen?

[@kevynk100]

Opa tem como habilitar flashplayer tbm ?

[@pratadacasa4724]

Po mano. Eu consigo fazer isso com um site em html básico??

[@StackMobile]

Consegue sim

[@jacksonartes1149]

O meu tá dando erro no MainActivity

[@Ricardo007BsB]

olá bom dia estou tentando rodar um site mas deu isso "your browser does not support html5 canvas" tem como ajustar este erro, ou não rodará mesmo?

[@Ricardo007BsB]

conseguir fazer rodar usando a habilitação do java, mas ainda aparece outra mensagem : storing of setting not unavaliable probably "private mode" is On. mas abria a tela do site, tem como saber como configurar esta permissão?

[@rodrigoofera]

Isso serve pro Android Studio atual?

[@StackMobile]

Funciona sim Rodrigo, o método continua sendo o mesmo.

[@MarcoAntonio-nu7sk]

estou precisando que o webview abra no modo computador, mesmo sendo em um tablet, alguém já fez isso?

[@DevJulin]

como cria o loading?

[@thaisgraciano6636]

Valeu pelo video

[@StackMobile]

Eu que agradeço Thais.

[@DiguinhoMhos]

ola tudo bem sera que liberaria ja esse script?

[@StackMobile]

Só seguir o vídeo amigo não tem erro.

[@herickkgb825]

Como conseguir um cupom desconto no seu curso??

[@StackMobile]

Fala Herick blz? No momento os cursos não estão em promoção, inclusive o valor dos treinamentos já estão com um valor bacana, pela qualidade que eu entrego em cada um deles, pode ficar tranquilo em relação a isso.

[@herickkgb825]

@@StackMobile questão e se pobre mesmo n qualidade kkk

[@StackMobile]

@@herickkgb825 Porém hoje vou dar um desconto de 25% no curso, assista o meu vídeo. Link do vídeo: kzbin.info/www/bejne/aIiwZ5t7p8aWqKc Estou fazendo um vídeo de atualização do curso.

[@gabrieldiogo_gd]

WebView o wix do java

[@alunoqcm]

Eu fiz mas não deu certo

[@StackMobile]

O procedimento ainda é o mesmo.

[@meperguntecomo]

Alguém consegue fazer esse serviço pra mim? Como freelancer

[@Juceliocoelho2023]

BOa noiteeeeeeeeeeeeeeeeeeeeee

[@StackMobile]

Boa noite! Jucelio Obrigado pela sua presença. Abraço!

[@WillSmith88813]

Video sem pé nem cabeça, nao tem início no video, tu ja começa com uma estrutura pronta, e como nós que ta no video para aprender vamos aprender desse jeito, nem ensino configura o android Studio

[@StackMobile]

Vídeo sem pé sem cabeça não, provavelmente é o primeiro vídeo que você está assistindo do nosso canal, temos milhares de PlayLists completas aqui no canal e vídeos que ensina do zero, desde a configuração do Android Studio até a criação de aplicativos. Instalação do Android Studio em todas as versões: kzbin.info/www/bejne/rZ67nnmebLqYepY Recomendo dar uma olhada nas nossas playlists. Seja bem-vindo ao nosso canal.

[@WillSmith88813]

@@StackMobile a muito obrigado por compartilhar mais conhecimento.

[@devpoa]

Marcos, fiz exatamente o mesmo procedimento porém, não consigo abrir links externos, tais como: whatsapp, mailto e tel... O erro encontrado é 'net::err_unknown_url_scheme'. O que poderia ser?

[@ElfoFugitivoBr]

Estou com o mesmo problema, eu havia feito a conversão da minha maneira e ocorreu esse erro ai vim pesquisar sobre e acabei caindo nesse video e aparentemente o erro ainda continua. Queria saber pq