Introdução

Deep linking e links universais são portas de entrada para seu aplicativo. Eles ajudam a reduzir a rotatividade e aumentar a lealdade dos usuários. Implementá-los corretamente impacta diretamente sua capacidade de realizar campanhas e promoções.

No artigo, são abordadas formas de implementar deep linking no React Native com Typescript e como testar. O código completo está disponível no GitHub.

O que é deep linking e por que é importante?

Deep linking redireciona usuários de uma página web para seu aplicativo, exibindo uma tela específica. É crucial para campanhas de marketing, retenção de usuários, redirecionamentos entre web e mobile, e entrega de conteúdo protegido.

Implementar deep linking requer entendimento de iOS e Android para configurações adicionais no projeto React Native.

Deep linking e links universais no iOS

Links universais conectam URLs específicas do site com conteúdo dentro do aplicativo. A configuração exige etapas adicionais no servidor e no aplicativo.

O servidor deve hospedar um arquivo JSON detalhando o conteúdo acessível do aplicativo, enquanto o Xcode habilita o manuseio de domínios específicos.

Deep linking no Android

O deep linking no Android opera com Intents, armazenados no AndroidManifest.xml, apontando qual Intent será aberto com o deep link.

Como testar deep links

Após configurar, é essencial testar se os deep links funcionam corretamente em cada plataforma.

Verifique se todos os arquivos JSON estão atualizados para cada domínio. Um teste bem-sucedido leva o usuário ao aplicativo, exibindo a tela desejada.

Para iOS, use o comando npx uri-scheme open billing-app://billing/5 --ios e, para Android, npx uri-scheme open billing-app://billing/5 --android.