Plugin NFC
Lea etiquetas NFC de forma nativa en su app WebView de iOS y transfiera los datos de la etiqueta a su aplicación web.
La tecnología Near-Field Communication (NFC) es una de las tecnologías más recientes que se ha vuelto muy popular entre los usuarios de dispositivos móviles. Permite que dos dispositivos, o un dispositivo y una etiqueta NFC, se comuniquen de forma inalámbrica cuando están muy cerca. NFC se utiliza ampliamente en dispositivos iOS para leer y escribir pequeñas cantidades de datos, lo que la convierte en una herramienta eficaz para compartir información a través de tarjetas o etiquetas compatibles con NFC.
La API de NFC permite a los desarrolladores leer y escribir datos en etiquetas NFC directamente desde el código de la aplicación. Esto abre nuevas formas para que las aplicaciones interactúen con los usuarios, desde compartir información de contacto hasta incrustar fragmentos de texto.
Integración del plugin NFC de WebViewGold
Aunque NFC no forma parte del conjunto general de funciones de WebViewGold, ofrecemos una integración personalizada y sencilla del plugin NFC de WebViewGold (mediante JavaScript) de forma individual.
Envíenos sus requisitos (por ejemplo, escribir/leer fragmentos de texto o detalles de tarjetas de contacto en/desde etiquetas NFC) mediante un correo electrónico a [email protected] para una consulta gratuita y un presupuesto sin compromiso.
Escritura
Para escribir un valor en una etiqueta NFC, envíe un comando desde su aplicación web cargando la siguiente URL: writenfc://?value=data
Ejemplo:<a href="writenfc://?value=WebViewGold.com"> Write to an NFC tag </a>
Esto pone su aplicación en Modo de Escritura y almacena el valor hasta que se escanea una etiqueta.
Escritura en una VCARD
Utilice la misma API que para escribir texto sin formato. Dé formato al texto de la siguiente manera:
VCARDSepare las propiedades con un guion bajo (
FN:John Doe
Title:Developer
TEL;TYPE=CELL:0452641211
_
_
_
_) y anteponga VCARD_ al texto. Consulte https://en.wikipedia.org/wiki/VCard#Properties para ver una lista de las propiedades compatibles.
Lectura
Para leer una etiqueta NFC, cargue readnfc://. La aplicación devolverá la información a su aplicación web llamando a readNFCResult(data, id, tag), donde data es el valor almacenado, id el identificador de la etiqueta y tag el tipo de etiqueta. Defina esta función JavaScript en su aplicación web para gestionar los valores.
Cómo probar la API
- Abra el archivo Config de la base de código de su aplicación.
- Introduzca su código de compra.
- Establezca la URL de la aplicación en la página de prueba de la API de NFC: https://webviewgoldtest.github.io/NFCtesting.html
- Ejecute la aplicación.
- Pulse una de las opciones de Lectura o Escritura para habilitar el modo correspondiente. Si va a escribir, introduzca un valor.
- Acerque la etiqueta NFC al dispositivo para completar la operación de lectura o escritura. La página de prueba y la aplicación mostrarán los resultados.
Notas de implementación estilo SDK
Trate esta función como una capacidad nativa expuesta a su capa web: mantenga su sitio web de producción o PWA como fuente de verdad y, a continuación, utilice los indicadores de configuración de WebViewGold, los comandos de URL y las llamadas del puente de JavaScript documentados para activar el comportamiento nativo de iOS solo donde aporte valor. Este enfoque mantiene su código fácil de mantener, porque la misma aplicación web puede servir a los navegadores, a WebViewGold para iOS y a las demás plataformas de WebViewGold con una lógica condicional mínima.
Para obtener resultados fiables, opte por puntos de conexión HTTPS, nombres de ruta estables, estados de éxito/error explícitos en su interfaz y pequeñas funciones auxiliares de JavaScript que envuelvan las llamadas nativas. Por ejemplo, una aplicación web creada con jQuery Mobile, Lovable, Base44, Bolt, WordPress, Bubble, una pila propia de React/Vue/Angular o HTML estático puede exponer un único botón o controlador de eventos que active la API nativa de WebViewGold y, aun así, muestre una alternativa elegante en el navegador.
- Patrón de integración recomendado: detecte el contexto de la app, llame a la API de WebViewGold y luego actualice su interfaz web tras la devolución de llamada nativa o el cambio de ruta.
- Lista de comprobación de pruebas: valide la función en un dispositivo real o en una compilación empaquetada, verifique los permisos y el texto de revisión de la tienda, y confirme que los usuarios que solo usan el navegador siguen recibiendo una alternativa útil.
- Ventaja para el SEO: mantenga las páginas de funciones, los títulos de ruta y el contenido estructurado indexables en su sitio web, mientras WebViewGold ofrece la carcasa nativa de la app para los usuarios de iOS.