BLOG
Transforme seu PWA em uma Trusted Web Activity
por Anselmo Gomes
Para seguir nossa dica você precisa atender aos seguintes requisitos:
1 - Ter o Android Studio 3.6.3 ou superior já instalado e funcional, com a SDK e o mínimo ncessário para usá-lo
2 - Saber usar razoavelmente o Android Studio, não precisa ser um ninja
3 - Ter o Git instalado em seu computador para clonar o repositório
4 - Ter noções razoáveis de Java para editar os arquivos
5 - Ter um conta de desenvolvedor Android e acesso ao Google Play Console
Mãos na massa
Escolha um diretório no seu computador e clone este repositório:
git clone https://github.com/anselmogomestecnologia/pwa-trusted-web-activity.git
Abra o Android Studio e importe o diretório clonado deste repositório.
Modifique os valoes dos URLs e das cores em app/build.gradle
na pasta do projeto para apontar para o URL do seu PWA e personalizar as cores.
Para alterar os URLs, modifique os itens destacados:
manifestPlaceholders = [
hostName: "[URL RAIZ DO SITE ONDE ESTÁ SEU PWA]",
defaultUrl: "[URL DE SEU PWA]",
launcherName: "[TÍTULO/NOME DE SEU PWA]",
assetStatements: '[{ "relation": ["delegate_permission/common.handle_all_urls"], ' + '"target": {"namespace": "web", "site": "[URL DE SEU PWA]"}}}]'
]
e altere também:
hostName: "[URL RAIZ DO SITE ONDE ESTÁ SEU PWA]",
defaultUrl: "[URL DE SEU PWA]",
launcherName: "[TÍTULO/NOME DE SEU PWA]",
assetStatements: '[{ "relation": ["delegate_permission/common.handle_all_urls"], ' +
'"target": {"namespace": "web", "site": "[URL DE SEU PWA]"}}]'
Para modificar as cores, altere os itens a seguir:
resValue "color", "colorPrimary", "#46008C"
resValue "color", "colorPrimaryDark", "#46008C"
resValue "color", "colorAccent", "#F78536"
Abra o projeto no Android Studio clique no botão Run para ver a construção automática do seu aplicativo e a execução em seu emulador ou no dispositivo de testes conectado ao computador.
Repositórios de origem:
https://github.com/GoogleChromeLabs/svgomg-twa.git
https://github.com/fireship-io/169-pwa-trusted-web-activity.git
Veja Também
Separamos outras notícias que podem te interessar
![Cinco motivos para criar um site para sua empresa hoje mesmo](https://www.anselmo.com.br/img.php?img=uploads/1803cbb8864632be2bfe2214d21e94d2.png&x=600&y=400&corta=1)
Cinco motivos para criar um site para sua empresa hoje mesmo
Continue lendo![Quero estudar programação. Dá pra saber se eu levo jeito?](https://www.anselmo.com.br/img.php?img=uploads/16eb247d0e13b5fc67a51d329f7796ae.jpg&x=600&y=400&corta=1)
Quero estudar programação. Dá pra saber se eu levo jeito?
Continue lendoVenha crescer com a gente
Marque uma conversa e veja tudo que podemos fazer para levar sua ideia além de suas expectativas.