Bloqueo de app (un ajuste)
Pon enableBioMetricAuth en true en Config.swift / Config.java y la app pedirá Face ID, Touch ID o la huella cada vez que se abra. No hay nada que cambiar en v0.
Dos formas de usar la biometría
API JavaScript (bioauth://)
Llama a bioauth:// desde tu web app antes de mostrar una pantalla sensible; WebViewGold llama en tu página a onBioAuthSuccess(), onBioAuthFailure(code, message) o onBioAuthUnavailable(). Combínalo con la sesión de Auth.js/NextAuth, Clerk, Supabase Auth o integraciones de Vercel para un login del tipo "desbloquea con tu cara".
Una función nativa visible
El login biométrico es una de las respuestas más claras a la Directriz 4.2 de Apple: es algo que una pestaña de Safari no puede hacer, y los revisores lo notan en la primera pantalla.
Prompt para v0
Pega esto en v0 para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Prompt para pegar en v0
Añade un bloqueo biométrico para el envoltorio de app WebViewGold a esta app de Next.js. Crea un client component BiometricGate y renderízalo en app/layout.tsx. Lee una preferencia biometric_lock del registro del usuario mediante una server action; si está activada y navigator.userAgent contiene mi token personalizado de WebViewGold, muestra una capa a pantalla completa y asigna bioauth:// a window.location.href. En un useEffect, registra window.onBioAuthSuccess (cierra la capa), window.onBioAuthFailure(errorCode, errorMessage) (muestra el mensaje y un botón "Reintentar") y window.onBioAuthUnavailable (borra la preferencia y cierra la capa). Añade en los ajustes un interruptor que actualice la preferencia mediante una server action. Vuelve a bloquear cuando la página se haga visible tras más de cinco minutos.
¡Estoy muy feliz de haber comprado esta aplicación! Documentación extremadamente fácil y excelente. Estaba en contacto con el servicio al cliente, respondieron muy rápido y de forma muy amigable. Resolvieron mi pregunta en un día. 10/10 lo recomendaría".
Añade el desbloqueo biométrico a v0
Unos 15 minutos.
Decide qué proteger
Toda la app (bloqueo de app) o pantallas concretas como los ajustes de la cuenta, los datos de pago, datos de salud o un diario privado (API JavaScript). Muchas apps combinan ambos: bloqueo al abrir y una nueva comprobación antes de las acciones sensibles.
Añade la descripción de uso de Face ID (iOS)
En el proyecto Xcode de WebViewGold, añade a Info.plist la clave "Privacy – Face ID Usage Description" con una frase que explique por qué la app usa Face ID. Sin ella, Face ID no está disponible. El Cloud Builder tiene un campo para este texto.
Implementa los callbacks en v0
Define
onBioAuthSuccess,onBioAuthFailureyonBioAuthUnavailablecomo funciones JavaScript globales y navega abioauth://cuando cargue la pantalla protegida. Si la comprobación tiene éxito, muestra la pantalla; si no, una alternativa (contraseña).Mantén la sesión activa
La biometría sustituye a escribir la contraseña, no a la sesión: mantén al usuario conectado con Auth.js/NextAuth, Clerk, Supabase Auth o integraciones de Vercel y usa la comprobación biométrica como barrera local. Nunca concedas acceso en el lado web sin el callback nativo.
Prueba en dispositivos reales
Los simuladores permiten registrar un Face ID ficticio (Features → Face ID), pero prueba en un iPhone y en un teléfono Android con huella, incluido el caso "sin biometría registrada".
El lado JavaScript
Pégalo en tu app de v0 (o deja que genere el equivalente en tu framework):
javascript
function onBioAuthSuccess() {
document.body.classList.remove("locked");
}
function onBioAuthFailure(errorCode, errorMessage) {
showPasswordFallback(errorMessage);
}
function onBioAuthUnavailable() {
showPasswordFallback("Biometría no disponible en este dispositivo");
}
// pide Face ID / huella al abrir la pantalla protegida
if (navigator.userAgent.includes("WebViewGold")) {
window.location.href = "bioauth://";
}Notas de seguridad
- El callback se ejecuta en tu página, así que trátalo como una barrera de interfaz, no como prueba de identidad: todo lo que deba ser seguro se queda detrás de tu sesión de backend en Route handlers y server actions de Next.js, Postgres mediante Neon o Supabase.
- Ofrece una alternativa (contraseña o PIN) para dispositivos sin biometría y para usuarios que rechazaron el permiso de Face ID; WebViewGold notifica ese caso mediante
onBioAuthUnavailable(). - Llama a
bioauth://solo dentro de la app: detecta el user agent personalizado de WebViewGold; de lo contrario, el navegador muestra un error por el esquema desconocido.
Preguntas frecuentes
¿Necesito Face ID para la revisión de App Store?
No, pero ayuda. La Directriz 4.2 pide funcionalidad que vaya más allá de un sitio web; el login biométrico, las notificaciones push y la gestión sin conexión son las funciones nativas que los revisores ven primero.
¿Funciona con el login de v0?
Sí. La comprobación biométrica es independiente del proveedor de autenticación: Auth.js/NextAuth, Clerk, Supabase Auth o integraciones de Vercel mantiene la sesión y WebViewGold añade delante el desbloqueo local.
¿Y si el usuario no tiene Face ID configurado?
En el modo de bloqueo de app, iOS recurre al código del dispositivo; con la API JavaScript recibes onBioAuthUnavailable() y muestras tu propia alternativa.
¿Android lo admite de la misma forma?
Sí. La misma llamada bioauth:// y los mismos callbacks funcionan en Android con huella o desbloqueo facial, y el ajuste de bloqueo de app también existe en Config.java.
Tres formas de llevar tu app a las tiendas
El mismo resultado, con distinta cantidad de trabajo por tu parte. Las tres incluyen la garantía de aprobación y soporte humano 24/7.
Hazlo tú mismo
$109 por plataforma, pago único
La licencia de WebViewGold: un proyecto de Xcode o Android Studio listo para usar. Pega tu URL, define nombre e icono, activa funciones, compila y envía. Actualizaciones gratuitas para siempre.
Ver planes en la página principalCloud Builder
$349 por licencia, complemento de pago único
Sin Mac, sin Xcode, sin Android Studio: configura en el navegador, compilamos ambas apps en la nube y las entregamos a App Store Connect y a Play Console.
Cómo funciona el Cloud Builder Prueba la demo gratuitaFull Service
$698 por plataforma $798
Envíanos tu URL y tu icono. Nuestro equipo configura, compila y entrega tu app en 72 horas, en marca blanca y con los proyectos fuente. Ambas plataformas por $1,158.
Detalles del Full Service Con tecnología de
Precios de la Oferta de invierno válidos hasta el 31 de diciembre de 2026.