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

Cinco motivos para criar um site para sua empresa hoje mesmo

Continue lendo

Quero estudar programação. Dá pra saber se eu levo jeito?

Continue lendo