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

Lovable + biometría

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

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

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/contraseña, enlaces mágicos, Google, GitHub, Apple) o Lovable Cloud 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 Lovable

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

Prompt para pegar en Lovable
Añade un bloqueo biométrico para el envoltorio de app WebViewGold. Añade en los ajustes un interruptor "Pedir Face ID o huella", guardado en profiles.biometric_lock. Al iniciar la app, si el interruptor está activado y navigator.userAgent contiene mi token personalizado de WebViewGold, muestra una capa de bloqueo a pantalla completa y asigna bioauth:// a window.location.href. Define window.onBioAuthSuccess (quita la capa), window.onBioAuthFailure(errorCode, errorMessage) (muestra el mensaje y un botón "Reintentar" que vuelva a llamar a bioauth://) y window.onBioAuthUnavailable (desactiva el interruptor y muestra en su lugar el login con contraseña). Fuera de la app, nunca muestres el bloqueo. Para cambiar el email o eliminar la cuenta, exige volver a introducir la contraseña en el servidor, sea cual sea el resultado biométrico.

Con una buena versión optimizada de su aplicación web, puedes tener una impresionante aplicación móvil en un par de minutos. ¡Además del servicio al cliente es muy agradable y muy útil! ¡Puedo recomendar WebViewgold :-)

Julian Koch · Cofundador de Dueldonkey · CodeCanyon

Añade el desbloqueo biométrico a Lovable

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 Lovable

    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/contraseña, enlaces mágicos, Google, GitHub, Apple) o Lovable Cloud 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 Lovable (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 o Lovable Cloud (Postgres, almacenamiento, edge functions).
  • 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 Lovable?

Sí. La comprobación biométrica es independiente del proveedor de autenticación: Supabase Auth (email/contraseña, enlaces mágicos, Google, GitHub, Apple) o Lovable Cloud 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 Lovable?

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.