Os clipes de aplicativos fornecem uma maneira rápida de acessar recursos específicos de um aplicativo iOS sem baixar tudo. Eles permitem que os usuários experimentem e se beneficiem facilmente de um aplicativo, o que pode incentivá-los a baixar o aplicativo completo.
Como os clipes de aplicativos diferem dos aplicativos tradicionais
A principal diferença entre um App Clip e um aplicativo tradicional está no nível de funcionalidade e recursos. Os App Clips fornecem acesso rápido a um recurso específico de um aplicativo. Projetado para ser facilmente descoberto e iniciado, o App Clips oferece aos usuários a funcionalidade necessária para concluir uma tarefa.
Depois que a tarefa é concluída, o clipe é desinstalado automaticamente após um período de inatividade.
Clipes de aplicativos são normalmente iniciados a partir de sites, tags NFC, digitalização de códigos QR e muito mais.
Por outro lado, os aplicativos tradicionais devem ser totalmente baixados e instalados no dispositivo do usuário antes do uso. Eles são normalmente mais abrangentes, fornecendo toda a gama de recursos e experiência do usuário. Os aplicativos tradicionais lidam com casos de uso mais frequentes, que seu desenvolvimento deve levar em consideração.
Projetando um clipe de aplicativo eficaz com o React Native
Como os App Clips são um recurso da plataforma iOS, você precisará trabalhar com o projeto iOS em um aplicativo React Native.
Não há uma maneira estabelecida de criar um clipe de aplicativo iOS usando o React Native. No entanto, existem alguns fatores a serem considerados na equação que o ajudarão a criar um App Clip eficaz e funcional.
Tamanho do clipe de aplicativo
Um grande obstáculo que você enfrentará é manter o tamanho do seu App Clip abaixo da referência de 10 megabytes necessária.
Um clipe de aplicativo e seu aplicativo completo correspondente compartilharão certas funcionalidades principais. Por exemplo, ambos os aplicativos podem enviar notificações e fazer chamadas de API. No entanto, você deve deixar de fora quaisquer recursos desnecessários, dependendo do objetivo do App Clip.
Essa funcionalidade limitada significa que o App Clip terá um conjunto menor de dependências nativas necessárias para funcionar.
Como os App Clips fornecem uma experiência focada e leve, você deve ser explícito sobre as dependências nativas definidas para o App Clip. Você definirá essas dependências dentro do iOS Podfile antes de instalar os Pods manualmente.
Design de IU Funcional para o App Clip
Os clipes de aplicativos geralmente são criados de forma idêntica à experiência completa do aplicativo. Decidir como seu App Clip pode espelhar melhor o aplicativo completo enquanto permanece focado em sua tarefa e sendo leve é algo a considerar. Pegue o clipe de aplicativo do Shazam e o aplicativo completo:
Sua arquitetura de design é essencialmente a mesma, assim como algumas funcionalidades básicas. O design do seu App Clip deve focar em funcionalidade e praticidade. Construa-o para funcionar sem problemas e só mostre informações ao usuário quando for absolutamente necessário.
Estrutura do Código
Você pode aproveitar as semelhanças compartilhadas entre um clipe de aplicativo e o aplicativo completo ao planejar a estrutura do seu código.
O compartilhamento de código entre os dois aplicativos de destino seria ideal para manutenção. Ao compartilhar uma base de código comum, você também pode reduzir o número de bibliotecas externas e dependências adicionadas ao projeto.
A base de código compartilhada pode ser um conjunto de arquivos JavaScript contendo a lógica de negócios do aplicativo. Você pode então configurar seu projeto Xcode para usar esta base de código adicionando a base de código compartilhada como uma dependência.
Você deve garantir que ambas as versões do seu aplicativo incluam qualquer código compartilhado. Use uma ferramenta como o Metro Bundler para o aplicativo React Native e o sistema de fase de construção do Xcode para o App Clip.
Comece a criar o clipe de aplicativo
Para criar seu primeiro clipe de aplicativo com tecnologia React Native, abra o projeto React Native iOS dentro do Xcode depois de criar um projeto React Native simples usando npx react-native init.
A Apple lançou o App Clips com a atualização do software iOS 14, portanto, você precisará do seu simulador executando o iOS 14 para executar um App Clip.
Para criar um novo alvo de App Clip dentro do Xcode:
- Selecione Arquivo > Novo > Alvo > Clipe de aplicativo (procure por "App Clip" na barra de pesquisa para adicionar o alvo App Clip ao seu projeto):
- Em seguida, preencha as opções do App Clip:
Para incorporar uma experiência do App Clip no projeto Xcode existente, o Xcode adicionará uma nova fase de compilação ao destino do aplicativo. Você pode executar o App Clip no Xcode neste estágio inicial, mas ele aparecerá vazio, pois nenhum componente de interface do usuário está presente ainda.
Para construir a experiência do usuário para o App Clip, você integrará o código React Native para definir todos os elementos de interface do usuário necessários. Aproveitando o React Native, você pode criar uma interface intuitiva e responsiva para o seu App Clip que funcionará efetivamente em dispositivos iOS.
Depois de integrar o código React Native ao projeto Xcode, você pode visualizar a interface do usuário do App Clip e fazer os ajustes necessários.
Como mencionado anteriormente, construir um App Clip com React Native não é diferente de construir qualquer aplicativo iOS regular com React Native. Apenas certifique-se de acompanhar constantemente o tamanho do App Clip ao criar e adicionar novas dependências para o aplicativo.
Possibilidades futuras para clipes de aplicativos
Os App Clips podem potencialmente revolucionar a forma como interagimos com aplicativos móveis e o mundo físico. Você pode usá-los para pagamentos sem contato, orientação, realidade aumentada, Internet das Coisas (IoT), serviços sob demanda, ingressos para eventos e controle de acesso. Espere que novos e criativos casos de uso para App Clips surjam à medida que a tecnologia se desenvolve.
Resumindo, os App Clips fornecem acesso rápido e fácil aos recursos do aplicativo, tornando-os uma solução eficiente e conveniente para usuários em trânsito.
