App Clips proporciona una forma rápida de acceder a funciones específicas de una aplicación de iOS sin descargar todo. Permiten a los usuarios experimentar y beneficiarse fácilmente de una aplicación, lo que puede alentarlos a descargar la aplicación completa.
En qué se diferencian los clips de aplicaciones de las aplicaciones tradicionales
La principal diferencia entre un App Clip y una aplicación tradicional radica en su nivel de funcionalidad y características. Los clips de aplicaciones brindan acceso rápido a una característica específica de una aplicación. Diseñados para ser descubiertos y ejecutados fácilmente, los Clips de aplicaciones brindan a los usuarios la funcionalidad necesaria para completar una tarea.
Una vez que se completa la tarea, el clip se desinstala automáticamente después de un período de inactividad.
Los clips de aplicaciones se inician comúnmente desde sitios web, etiquetas NFC, escaneo de códigos QR y más.
Por otro lado, las aplicaciones tradicionales deben descargarse e instalarse por completo en el dispositivo de un usuario antes de su uso. Por lo general, son más completos y brindan la gama completa de características y la experiencia del usuario. Las aplicaciones tradicionales manejan casos de uso más frecuentes, que su desarrollo debe tener en cuenta.
Diseñar un clip de aplicación efectivo con React Native
Dado que App Clips es una característica de la plataforma iOS, deberá trabajar con el proyecto iOS dentro de una aplicación React Native.
No existe una forma establecida de crear un clip de aplicación iOS usando React Native. Sin embargo, hay algunos factores a considerar en la ecuación que lo ayudarán a crear un App Clip efectivo y funcional.
Tamaño del clip de la aplicación
Uno de los principales obstáculos que enfrentará es mantener el tamaño de su App Clip por debajo del punto de referencia de 10 megabytes requerido.
Un clip de aplicación y su aplicación completa correspondiente compartirán ciertas funciones básicas. Por ejemplo, ambas aplicaciones pueden enviar notificaciones y hacer llamadas a la API. Sin embargo, debe omitir las funciones innecesarias, según el objetivo de App Clip.
Esta funcionalidad limitada significa que App Clip tendrá un conjunto más pequeño de dependencias nativas requeridas para funcionar.
Dado que los clips de aplicaciones brindan una experiencia liviana y enfocada, debe ser explícito acerca de las dependencias nativas definidas para el clip de aplicaciones. Definirá estas dependencias dentro del Podfile de iOS antes de instalar los Pods manualmente.
Diseño de interfaz de usuario funcional para el clip de la aplicación
Los clips de aplicaciones generalmente se crean de manera idéntica a la experiencia completa de la aplicación. Decidir cómo su App Clip puede reflejar mejor la aplicación completa mientras permanece enfocado en su tarea y es liviano es algo a considerar. Tome el clip de la aplicación de Shazam y la aplicación completa:
Su arquitectura de diseño es esencialmente la misma, al igual que algunas funciones básicas. El diseño de su App Clip debe centrarse en la funcionalidad y la practicidad. Constrúyalo para que funcione sin problemas y solo muestre información al usuario cuando sea absolutamente necesario.
Estructura del Código
Puede aprovechar las similitudes compartidas entre un clip de aplicación y la aplicación completa al planificar la estructura de su código.
Compartir código entre las dos aplicaciones de destino sería ideal para el mantenimiento. Al compartir una base de código común, también puede reducir la cantidad de bibliotecas externas y dependencias agregadas al proyecto.
La base de código compartido puede ser un conjunto de archivos JavaScript que contengan la lógica empresarial de la aplicación. Luego puede configurar su proyecto Xcode para usar esta base de código agregando la base de código compartida como una dependencia.
Debe asegurarse de que ambas versiones de su aplicación incluyan cualquier código compartido. Use una herramienta como Metro Bundler para la aplicación React Native y el sistema de fase de compilación de Xcode para App Clip.
Comience a crear el clip de la aplicación
Para crear su primer clip de aplicación con tecnología React Native, abra el proyecto React Native iOS dentro de Xcode después de crear un proyecto React Native simple usando npx react-inicio nativo.
Apple lanzó App Clips con su actualización de software iOS 14, por lo que necesitará su simulador con iOS 14 para que se ejecute un App Clip.
Para crear un nuevo destino de clip de aplicación dentro de Xcode:
- Seleccionar Archivo > Nuevo > Destino > Clip de aplicación (busque "App Clip" en la barra de búsqueda para agregar el objetivo de App Clip a su proyecto):
- Luego proceda a completar las opciones para el Clip de la aplicación:
Para incorporar una experiencia de App Clip en el proyecto Xcode existente, Xcode agregará una nueva fase de compilación al destino de la aplicación. Puede ejecutar App Clip dentro de Xcode en esta etapa inicial, pero aparecerá vacío ya que todavía no hay componentes de interfaz de usuario.
Para construir la experiencia del usuario para App Clip, integrará el código React Native para definir todos los elementos necesarios de la interfaz de usuario. Al aprovechar React Native, puede crear una interfaz intuitiva y receptiva para su App Clip que funcionará de manera efectiva en todos los dispositivos iOS.
Después de integrar el código React Native en el proyecto Xcode, puede obtener una vista previa de la interfaz de usuario de App Clip y realizar los ajustes necesarios.
Como se mencionó anteriormente, crear un clip de aplicación con React Native no es diferente de crear cualquier aplicación iOS normal con React Native. Solo asegúrese de realizar un seguimiento constante del tamaño del clip de la aplicación mientras crea y agrega nuevas dependencias para la aplicación.
Posibilidades futuras para clips de aplicaciones
App Clips puede potencialmente revolucionar la forma en que interactuamos con las aplicaciones móviles y el mundo físico. Puede usarlos para pagos sin contacto, orientación, realidad aumentada, Internet de las cosas (IoT), servicios bajo demanda, entradas para eventos y control de acceso. Espere que surjan casos de uso nuevos y creativos para App Clips a medida que se desarrolle la tecnología.
En resumen, App Clips brinda acceso rápido y fácil a las funciones de la aplicación, lo que las convierte en una solución eficiente y conveniente para los usuarios en movimiento.
