Hoy en día, las empresas tienen una nueva forma de interactuar con los clientes: App Clip y las etiquetas NFC. Esta característica permite a los usuarios ejecutar pequeños programas en el sistema operativo del teléfono sin tener que ir a la tienda de aplicaciones para descargar e instalar el software. Los pequeños programas simplemente muestran información en la pantalla, una característica que crea oportunidades para desarrollar nuevas relaciones con los clientes. Por ejemplo, las cafeterías podrían ofrecer tarjetas de fidelidad más útiles y los minoristas podrían hacer que las billeteras virtuales sean más utilizables. Los comerciantes pueden activar la aplicación de varias maneras, una de las cuales es una etiqueta NFC que apunta a una dirección URL. Cuando el iPhone del usuario está cerca de la etiqueta, el teléfono encuentra automáticamente la URL y lanza la aplicación. El principio es simple y el costo es bajo. Echemos un vistazo a lo que las empresas necesitan para usar aplicaciones.
¿Qué es un App Clip? App Clip se describe como una "versión liviana de aplicaciones móviles". Este pequeño software contiene menos de 10 MB de código binario precomprimido y proporciona principalmente una pequeña parte de la funcionalidad de la aplicación. Por ejemplo, la aplicación completa de una empresa de café puede proporcionar un directorio de sus cafeterías, promociones recientes, clasificaciones de ventas y tarjetas de fidelidad, pero el subprograma App Clip solo muestra las tarjetas de fidelidad. Estas características garantizan una experiencia instantánea para los usuarios, incluso cuando la velocidad de Internet móvil es baja. Los usuarios también pueden obtener una experiencia de usuario simple y rápida. Lanzar el miniprograma a través del teléfono cerca de la etiqueta NFC puede reducir muchas barreras de uso, abriendo la puerta a la interacción digital para nuevos clientes que están menos familiarizados con las aplicaciones móviles. A continuación, se muestra la experiencia del desarrollador de aplicaciones iOS de ST, Vincent Latorre, en el desarrollo de pequeños programas.
Clip de aplicación: configuración de cliente o NFC
1. Prepare el paquete ST25-TAG-BAG-U
El kit de etiquetas ST25-TAG-BAG-U incluye: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
La parte más sencilla de todo el proceso de configuración es crear una etiqueta NFC y escribir la URL del subprograma dentro de la etiqueta. El proceso es tan sencillo como crear una demostración funcional sin escribir una sola línea de código. Para fines de demostración, utilizaremos dos etiquetas NFC ST25TV02K, una para guardar la dirección URL del subprograma y la otra como prueba de concepto para explicar los contenedores funcionales que se pueden almacenar o almacenar en caché en el sistema operativo.
Si desea desarrollar una presentación basada en el subprograma App Clip, no es necesaria la segunda pestaña; el desarrollador puede utilizar simplemente la primera. Pero en lugar de mostrarle una pantalla, queremos aprovechar esta oportunidad para mostrarle cómo escribir bloques de memoria y proporcionar evidencia concreta de que el subprograma de ST realmente funciona. Ambas etiquetas son pequeñas etiquetas redondas que se incluyen en el kit ST25-TAG-BAG-U. Los usuarios deben ir a la App Store y descargar nuestra aplicación NFC Tap para leer y escribir etiquetas.
Escribir URL
Sacamos la primera etiqueta ST25TV02K. La siguiente demostración asume que la etiqueta está en blanco. El primer paso es seleccionar Leer etiqueta en la pantalla de inicio, luego acercar el teléfono a la etiqueta y aparecerá el mensaje ST25TV02K en la pantalla. A continuación, hacer clic en el icono de la parte inferior derecha de la pantalla…, luego seleccionar la opción Editor de contenido de áreas y, por último, escanear la etiqueta con el teléfono. Si es una etiqueta en blanco, aparece un cuadro de diálogo con el tamaño de la memoria (por ejemplo, 256 bytes) y un mensaje No NDEF.
Antes de escribir un mensaje NDEF, el usuario debe hacer clic en el cuadro de diálogo que dice No NDEF message (Sin mensaje NDEF) y aparecerá un cuadro blanco y una flecha azul en la pantalla. Deslice el cuadro blanco hacia la izquierda y aparecerá un menú con las opciones Agregar, Editar, Insertar y Ejecutar. Después de seleccionar Agregar,
1. Seleccione NdefUriRecord
2. https://www.myst25.com/clip. Asegúrate de seleccionar https, de lo contrario, la aplicación no se mostrará de inmediato.
3. Pulse el botón Validar y escriba la etiqueta
Aprenda sobre los contenedores funcionales
El segundo ST25TV02K es nuestra etiqueta de prueba y también podemos usarlo para aprender sobre la compatibilidad con NDEF en etiquetas de tipo 5. Esta demostración prueba que el subprograma de ST lee etiquetas, no muestra la pantalla de un teléfono. Para que la demostración sea más interesante, seguiremos el enfoque de nuestras notas de aplicación sobre la gestión de NDEF. De hecho, ese artículo explicaba cómo configurar la etiqueta ST25TV en una etiqueta NFC de tipo 5 que admita mensajes NDEF, en resumen, escribir un contenedor de funciones (CC) válido en el primer bloque de almacenamiento. Ese artículo explica el proceso de configuración al usuario y podemos escribir cuatro bytes CC: E1 40 20 01h directamente en el primer bloque de almacenamiento en el ST25TV02K.
Escribir etiqueta de prueba
Antes de realizar la operación de escritura de etiqueta, abra la aplicación NFC Tap iOS y
1. Seleccione Leer etiqueta y escanee la segunda etiqueta ST25TV02K
2. Verifique la sección Archivo CC para asegurarse de que la etiqueta esté en blanco. Si el número mágico es 0x00, la etiqueta no contiene ninguna información.
Ahora activamos el soporte de transferencia de mensajes NDEF y escribimos un pequeño mensaje.
1. Seleccione Más en la parte inferior de la pantalla y, a continuación, seleccione Áreas del editor de contenido. El software le pedirá que escanee la etiqueta y busque un área de escritura de 256 bytes sin contenido.
2. Haga clic en Área 1
3. Aparecerá el mensaje No NDEF Record en la pantalla. Deslice el cuadro de diálogo hacia la izquierda y aparecerá un menú. Seleccione Agregar.
4. Haga clic en NdefTextRecord, borre el texto existente y escriba ¡Hola mundo!
5. Presione el botón Validar, luego coloque su teléfono cerca de la etiqueta y escriba el mensaje NDEF.
Prueba la aplicación Clip
Los programas pequeños aparecen solo cuando el software de la aplicación completa no está instalado en el teléfono. Por lo tanto, antes de escanear la primera etiqueta ST25TV02K con la dirección URL del subprograma, debe eliminar el software NFC Tap si está instalado. Cuando el teléfono detecta la primera TAB, muestra la tarjeta del subprograma en la pantalla táctil, preguntando al usuario si desea abrir el subprograma o descargar la aplicación desde la tienda de aplicaciones. Al abrir el subprograma, se mostrará una versión simplificada de la aplicación NFC Tap, donde Leer NDEF está en gris y no está disponible, pero Leer etiqueta está disponible. Seleccione la opción Leer etiqueta y luego escanee la segunda etiqueta ST25TV02K para demostrar que el subprograma lee los datos de nuestra etiqueta. Al desplazarnos hacia abajo en la pantalla, vemos que el Número mágico es 0xE1, lo que demuestra que el subprograma está escaneando la etiqueta que acabamos de configurar.
Antecedentes o desarrollo de aplicaciones y configuración del servidor web
Para los desarrolladores que deseen aprender más, el primer paso es descargar el código fuente de nuestra aplicación iOS (STSW-ST25IOS001). Los ingenieros pueden simplemente abrir el archivo descargado en el entorno de desarrollo IDE de Apple y comenzar a trabajar en nuestro enfoque de implementación. Lo primero que hay que tener en cuenta es que un fragmento de código que actúa como un pequeño programa en una aplicación es un objetivo específico. Para ayudar a los desarrolladores a desarrollar pequeños programas, Apple proporciona una plantilla de App Clip dedicada, los pequeños programas se pueden usar con Apple Pay y puedes iniciar sesión en el software con tu cuenta de Apple. El nuevo sistema también se beneficia de un sistema especial de notificación y geolocalización. Además, un software iOS puede tener varios App Clips. En Xcode, los desarrolladores deben prestar atención a la pestaña Firma y capacidades y recordar el nombre del equipo y el identificador del paquete.
El siguiente paso es crear el subprograma App Clip mediante la interfaz web de App Store Connect. Aquí, el desarrollador cargará una imagen, que se mostrará en la tarjeta iOS, incitando al usuario a iniciar el subprograma. Haga clic en el botón Advanced App Clip
La experiencia abrirá un nuevo menú y establecerá la URL que apuntará al applet. Además, los desarrolladores pueden solicitar al sistema operativo que verifique la geolocalización de un dispositivo móvil, y los comerciantes pueden optar por utilizar esta función para asociar el applet con una tienda o una ubicación específica.
Lado del servidor
La configuración del servidor web es muy sencilla. En Xcode y App Store Connect, dentro de la URL definida, por ejemplo, http://www.myst25.com/clip, debe haber un índice. El archivo HTML y las metaetiquetas deben incluir el ID de la aplicación y el ID del paquete de aplicaciones pequeñas. Como se muestra a continuación, el cuerpo del archivo puede estar en blanco, y el lugar más importante es la propia metaetiqueta.
El archivo llamado apple-app-site-association es el segundo archivo importante que debe existir en la carpeta raíz del servidor web, como por ejemplo /www. El archivo solo incluye las siguientes matrices:
“clips de aplicaciones”: {
“aplicaciones”: [“NOMBRE_DE_EQUIPO.ID_DE_PAQUETE (por ejemplo, UL3MK8FNMR.com.st.st25ncf.clip)”],
“rutas”: [“DESTINO (p. ej., ruta/*)”]
