{"id":2232,"date":"2024-04-23T07:34:02","date_gmt":"2024-04-23T07:34:02","guid":{"rendered":"https:\/\/nfc-readers.com\/?p=2232"},"modified":"2024-04-23T07:34:02","modified_gmt":"2024-04-23T07:34:02","slug":"how-to-develop-an-ios-applet-and-trigger-it-with-nfc-tags","status":"publish","type":"post","link":"https:\/\/nfc-readers.com\/es\/how-to-develop-an-ios-applet-and-trigger-it-with-nfc-tags\/","title":{"rendered":"C\u00f3mo desarrollar un applet iOS y activarlo con etiquetas NFC"},"content":{"rendered":"

Hoy en d\u00eda, las empresas tienen una nueva forma de interactuar con los clientes: App Clip y las etiquetas NFC. Esta caracter\u00edstica permite a los usuarios ejecutar peque\u00f1os programas en el sistema operativo del tel\u00e9fono sin tener que ir a la tienda de aplicaciones para descargar e instalar el software. Los peque\u00f1os programas simplemente muestran informaci\u00f3n en la pantalla, una caracter\u00edstica que crea oportunidades para desarrollar nuevas relaciones con los clientes. Por ejemplo, las cafeter\u00edas podr\u00edan ofrecer tarjetas de fidelidad m\u00e1s \u00fatiles y los minoristas podr\u00edan hacer que las billeteras virtuales sean m\u00e1s utilizables. Los comerciantes pueden activar la aplicaci\u00f3n de varias maneras, una de las cuales es una etiqueta NFC que apunta a una direcci\u00f3n URL. Cuando el iPhone del usuario est\u00e1 cerca de la etiqueta, el tel\u00e9fono encuentra autom\u00e1ticamente la URL y lanza la aplicaci\u00f3n. El principio es simple y el costo es bajo. Echemos un vistazo a lo que las empresas necesitan para usar aplicaciones.<\/p>\n

\"\"
\n\u00bfQu\u00e9 es un App Clip? App Clip se describe como una "versi\u00f3n liviana de aplicaciones m\u00f3viles". Este peque\u00f1o software contiene menos de 10 MB de c\u00f3digo binario precomprimido y proporciona principalmente una peque\u00f1a parte de la funcionalidad de la aplicaci\u00f3n. Por ejemplo, la aplicaci\u00f3n completa de una empresa de caf\u00e9 puede proporcionar un directorio de sus cafeter\u00edas, promociones recientes, clasificaciones de ventas y tarjetas de fidelidad, pero el subprograma App Clip solo muestra las tarjetas de fidelidad. Estas caracter\u00edsticas garantizan una experiencia instant\u00e1nea para los usuarios, incluso cuando la velocidad de Internet m\u00f3vil es baja. Los usuarios tambi\u00e9n pueden obtener una experiencia de usuario simple y r\u00e1pida. Lanzar el miniprograma a trav\u00e9s del tel\u00e9fono cerca de la etiqueta NFC puede reducir muchas barreras de uso, abriendo la puerta a la interacci\u00f3n digital para nuevos clientes que est\u00e1n menos familiarizados con las aplicaciones m\u00f3viles. A continuaci\u00f3n, se muestra la experiencia del desarrollador de aplicaciones iOS de ST, Vincent Latorre, en el desarrollo de peque\u00f1os programas.
\nClip de aplicaci\u00f3n: configuraci\u00f3n de cliente o NFC<\/p>\n

\"\"
\n1. Prepare el paquete ST25-TAG-BAG-U
\nEl kit de etiquetas ST25-TAG-BAG-U incluye: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
\nLa parte m\u00e1s sencilla de todo el proceso de configuraci\u00f3n es crear una etiqueta NFC y escribir la URL del subprograma dentro de la etiqueta. El proceso es tan sencillo como crear una demostraci\u00f3n funcional sin escribir una sola l\u00ednea de c\u00f3digo. Para fines de demostraci\u00f3n, utilizaremos dos etiquetas NFC ST25TV02K, una para guardar la direcci\u00f3n URL del subprograma y la otra como prueba de concepto para explicar los contenedores funcionales que se pueden almacenar o almacenar en cach\u00e9 en el sistema operativo.
\nSi desea desarrollar una presentaci\u00f3n basada en el subprograma App Clip, no es necesaria la segunda pesta\u00f1a; el desarrollador puede utilizar simplemente la primera. Pero en lugar de mostrarle una pantalla, queremos aprovechar esta oportunidad para mostrarle c\u00f3mo escribir bloques de memoria y proporcionar evidencia concreta de que el subprograma de ST realmente funciona. Ambas etiquetas son peque\u00f1as etiquetas redondas que se incluyen en el kit ST25-TAG-BAG-U. Los usuarios deben ir a la App Store y descargar nuestra aplicaci\u00f3n NFC Tap para leer y escribir etiquetas.<\/p>\n

Escribir URL<\/p>\n

Sacamos la primera etiqueta ST25TV02K. La siguiente demostraci\u00f3n asume que la etiqueta est\u00e1 en blanco. El primer paso es seleccionar Leer etiqueta en la pantalla de inicio, luego acercar el tel\u00e9fono a la etiqueta y aparecer\u00e1 el mensaje ST25TV02K en la pantalla. A continuaci\u00f3n, hacer clic en el icono de la parte inferior derecha de la pantalla\u2026, luego seleccionar la opci\u00f3n Editor de contenido de \u00e1reas y, por \u00faltimo, escanear la etiqueta con el tel\u00e9fono. Si es una etiqueta en blanco, aparece un cuadro de di\u00e1logo con el tama\u00f1o de la memoria (por ejemplo, 256 bytes) y un mensaje No NDEF.
\nAntes de escribir un mensaje NDEF, el usuario debe hacer clic en el cuadro de di\u00e1logo que dice No NDEF message (Sin mensaje NDEF) y aparecer\u00e1 un cuadro blanco y una flecha azul en la pantalla. Deslice el cuadro blanco hacia la izquierda y aparecer\u00e1 un men\u00fa con las opciones Agregar, Editar, Insertar y Ejecutar. Despu\u00e9s de seleccionar Agregar,
\n1. Seleccione NdefUriRecord<\/p>\n

2. https:\/\/www.myst25.com\/clip. Aseg\u00farate de seleccionar https, de lo contrario, la aplicaci\u00f3n no se mostrar\u00e1 de inmediato.<\/p>\n

3. Pulse el bot\u00f3n Validar y escriba la etiqueta
\nAprenda sobre los contenedores funcionales<\/p>\n

El segundo ST25TV02K es nuestra etiqueta de prueba y tambi\u00e9n podemos usarlo para aprender sobre la compatibilidad con NDEF en etiquetas de tipo 5. Esta demostraci\u00f3n prueba que el subprograma de ST lee etiquetas, no muestra la pantalla de un tel\u00e9fono. Para que la demostraci\u00f3n sea m\u00e1s interesante, seguiremos el enfoque de nuestras notas de aplicaci\u00f3n sobre la gesti\u00f3n de NDEF. De hecho, ese art\u00edculo explicaba c\u00f3mo configurar la etiqueta ST25TV en una etiqueta NFC de tipo 5 que admita mensajes NDEF, en resumen, escribir un contenedor de funciones (CC) v\u00e1lido en el primer bloque de almacenamiento. Ese art\u00edculo explica el proceso de configuraci\u00f3n al usuario y podemos escribir cuatro bytes CC: E1 40 20 01h directamente en el primer bloque de almacenamiento en el ST25TV02K.
\nEscribir etiqueta de prueba<\/p>\n

Antes de realizar la operaci\u00f3n de escritura de etiqueta, abra la aplicaci\u00f3n NFC Tap iOS y
\n1. Seleccione Leer etiqueta y escanee la segunda etiqueta ST25TV02K
\n2. Verifique la secci\u00f3n Archivo CC para asegurarse de que la etiqueta est\u00e9 en blanco. Si el n\u00famero m\u00e1gico es 0x00, la etiqueta no contiene ninguna informaci\u00f3n.
\nAhora activamos el soporte de transferencia de mensajes NDEF y escribimos un peque\u00f1o mensaje.
\n1. Seleccione M\u00e1s en la parte inferior de la pantalla y, a continuaci\u00f3n, seleccione \u00c1reas del editor de contenido. El software le pedir\u00e1 que escanee la etiqueta y busque un \u00e1rea de escritura de 256 bytes sin contenido.
\n2. Haga clic en \u00c1rea 1
\n3. Aparecer\u00e1 el mensaje No NDEF Record en la pantalla. Deslice el cuadro de di\u00e1logo hacia la izquierda y aparecer\u00e1 un men\u00fa. Seleccione Agregar.
\n4. Haga clic en NdefTextRecord, borre el texto existente y escriba \u00a1Hola mundo!
\n5. Presione el bot\u00f3n Validar, luego coloque su tel\u00e9fono cerca de la etiqueta y escriba el mensaje NDEF.
\nPrueba la aplicaci\u00f3n Clip<\/p>\n

Los programas peque\u00f1os aparecen solo cuando el software de la aplicaci\u00f3n completa no est\u00e1 instalado en el tel\u00e9fono. Por lo tanto, antes de escanear la primera etiqueta ST25TV02K con la direcci\u00f3n URL del subprograma, debe eliminar el software NFC Tap si est\u00e1 instalado. Cuando el tel\u00e9fono detecta la primera TAB, muestra la tarjeta del subprograma en la pantalla t\u00e1ctil, preguntando al usuario si desea abrir el subprograma o descargar la aplicaci\u00f3n desde la tienda de aplicaciones. Al abrir el subprograma, se mostrar\u00e1 una versi\u00f3n simplificada de la aplicaci\u00f3n NFC Tap, donde Leer NDEF est\u00e1 en gris y no est\u00e1 disponible, pero Leer etiqueta est\u00e1 disponible. Seleccione la opci\u00f3n 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\u00famero m\u00e1gico es 0xE1, lo que demuestra que el subprograma est\u00e1 escaneando la etiqueta que acabamos de configurar.<\/p>\n

Antecedentes o desarrollo de aplicaciones y configuraci\u00f3n del servidor web
\nPara los desarrolladores que deseen aprender m\u00e1s, el primer paso es descargar el c\u00f3digo fuente de nuestra aplicaci\u00f3n 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\u00f3n. Lo primero que hay que tener en cuenta es que un fragmento de c\u00f3digo que act\u00faa como un peque\u00f1o programa en una aplicaci\u00f3n es un objetivo espec\u00edfico. Para ayudar a los desarrolladores a desarrollar peque\u00f1os programas, Apple proporciona una plantilla de App Clip dedicada, los peque\u00f1os programas se pueden usar con Apple Pay y puedes iniciar sesi\u00f3n en el software con tu cuenta de Apple. El nuevo sistema tambi\u00e9n se beneficia de un sistema especial de notificaci\u00f3n y geolocalizaci\u00f3n. Adem\u00e1s, un software iOS puede tener varios App Clips. En Xcode, los desarrolladores deben prestar atenci\u00f3n a la pesta\u00f1a Firma y capacidades y recordar el nombre del equipo y el identificador del paquete.
\nEl siguiente paso es crear el subprograma App Clip mediante la interfaz web de App Store Connect. Aqu\u00ed, el desarrollador cargar\u00e1 una imagen, que se mostrar\u00e1 en la tarjeta iOS, incitando al usuario a iniciar el subprograma. Haga clic en el bot\u00f3n Advanced App Clip
\nLa experiencia abrir\u00e1 un nuevo men\u00fa y establecer\u00e1 la URL que apuntar\u00e1 al applet. Adem\u00e1s, los desarrolladores pueden solicitar al sistema operativo que verifique la geolocalizaci\u00f3n de un dispositivo m\u00f3vil, y los comerciantes pueden optar por utilizar esta funci\u00f3n para asociar el applet con una tienda o una ubicaci\u00f3n espec\u00edfica.
\nLado del servidor
\nLa configuraci\u00f3n 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 \u00edndice. El archivo HTML y las metaetiquetas deben incluir el ID de la aplicaci\u00f3n y el ID del paquete de aplicaciones peque\u00f1as. Como se muestra a continuaci\u00f3n, el cuerpo del archivo puede estar en blanco, y el lugar m\u00e1s importante es la propia metaetiqueta.
\nEl archivo llamado apple-app-site-association es el segundo archivo importante que debe existir en la carpeta ra\u00edz del servidor web, como por ejemplo \/www. El archivo solo incluye las siguientes matrices:
\n\u201cclips de aplicaciones\u201d: {
\n\u201caplicaciones\u201d: [\u201cNOMBRE_DE_EQUIPO.ID_DE_PAQUETE (por ejemplo, UL3MK8FNMR.com.st.st25ncf.clip)\u201d],
\n\u201crutas\u201d: [\u201cDESTINO (p. ej., ruta\/*)\u201d]","protected":false},"excerpt":{"rendered":"

Hoy en d\u00eda, las empresas tienen una nueva forma de interactuar con los clientes: App Clip y las etiquetas NFC. Esta funci\u00f3n permite a los usuarios ejecutar peque\u00f1os programas en el sistema operativo del tel\u00e9fono sin tener que ir a la tienda de aplicaciones para descargar e instalar el software. Los peque\u00f1os programas simplemente muestran informaci\u00f3n en la pantalla, una funci\u00f3n que [\u2026]","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,44],"tags":[],"class_list":["post-2232","post","type-post","status-publish","format-standard","hentry","category-uncategorized","category-ntag-card"],"_links":{"self":[{"href":"https:\/\/nfc-readers.com\/es\/wp-json\/wp\/v2\/posts\/2232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nfc-readers.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nfc-readers.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nfc-readers.com\/es\/wp-json\/wp\/v2\/comments?post=2232"}],"version-history":[{"count":1,"href":"https:\/\/nfc-readers.com\/es\/wp-json\/wp\/v2\/posts\/2232\/revisions"}],"predecessor-version":[{"id":2235,"href":"https:\/\/nfc-readers.com\/es\/wp-json\/wp\/v2\/posts\/2232\/revisions\/2235"}],"wp:attachment":[{"href":"https:\/\/nfc-readers.com\/es\/wp-json\/wp\/v2\/media?parent=2232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nfc-readers.com\/es\/wp-json\/wp\/v2\/categories?post=2232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nfc-readers.com\/es\/wp-json\/wp\/v2\/tags?post=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}