Saltar al contenido
WebViewGold Del vibe coding a la App Store
Español
Consigue WebViewGold

Bolt + biometría

Login con Face ID y huella dactilar para tu app de Bolt

Un campo de contraseña se siente como una web. Face ID se siente como una app. WebViewGold añade autenticación biométrica a tu app de Bolt de dos formas: un bloqueo de app sencillo que activas en la configuración, o una API JavaScript (<code>bioauth://</code>) que devuelve el resultado a tu web app para que protejas exactamente las pantallas que quieras.

Desde $109 de pago único por plataforma, o deja que nuestro equipo lo haga todo desde $698.

  • Garantía de aprobación – o te devolvemos el dinero en 14 días
  • Sin programar
  • Pago único, actualizaciones gratuitas
  • Soporte humano 24/7
  • Hecho en Alemania desde 2014 · ISO 27001

Dos formas de usar la biometría

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 Bolt.

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 Supabase Auth (email, enlaces mágicos, Google, GitHub) mediante la integración de Supabase incluida 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 Bolt

Pega esto en Bolt para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.

Prompt para pegar en Bolt
Añade una pantalla de bloqueo biométrico para el envoltorio de app WebViewGold. Crea un componente BiometricGate que se renderice en el layout raíz, por encima de todas las rutas. Cuando el usuario haya activado el bloqueo (ajuste guardado en los metadatos de usuario de Supabase) y navigator.userAgent contenga mi token personalizado de WebViewGold, muestra una capa a pantalla completa al montarse y cuando la pestaña vuelva a ser visible, y luego asigna bioauth:// a window.location.href. En un useEffect, asigna window.onBioAuthSuccess (oculta la capa), window.onBioAuthFailure(errorCode, errorMessage) (muestra el mensaje con un botón "Reintentar") y window.onBioAuthUnavailable (desactiva el ajuste y oculta la capa). Añade el interruptor a la página de ajustes. No hagas nada en los navegadores normales.

¡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".

Nelis Geiger · CodeCanyon

Añade el desbloqueo biométrico a Bolt

Unos 15 minutos.

  1. 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.

  2. 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.

  3. Implementa los callbacks en Bolt

    Define onBioAuthSuccess, onBioAuthFailure y onBioAuthUnavailable como funciones JavaScript globales y navega a bioauth:// cuando cargue la pantalla protegida. Si la comprobación tiene éxito, muestra la pantalla; si no, una alternativa (contraseña).

  4. 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 Supabase Auth (email, enlaces mágicos, Google, GitHub) mediante la integración de Supabase incluida y usa la comprobación biométrica como barrera local. Nunca concedas acceso en el lado web sin el callback nativo.

  5. 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 Bolt (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 Supabase, Firebase o tu propia API.
  • 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 Bolt?

Sí. La comprobación biométrica es independiente del proveedor de autenticación: Supabase Auth (email, enlaces mágicos, Google, GitHub) mediante la integración de Supabase incluida 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 principal

Full 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 WeSetupYourWebViewApp

Precios de la Oferta de invierno válidos hasta el 31 de diciembre de 2026.

¿Listo para lanzar tu app de Bolt?

Garantía de aprobación en App Store & Google Play – o te devolvemos el dinero en 14 días

¿Prefieres delegarlo? Full Service: configuramos, compilamos y entregamos en 72 horas, desde $698 por plataforma. ¿Preguntas? Chatea con nosotros 24/7.

Los reembolsos se conceden bajo las condiciones indicadas en nuestras FAQ: un rechazo por motivos ajenos al contenido por parte de Apple y/o Google, reclamado dentro de los 14 días posteriores a la compra.