Configurar su aplicación web o sitio web
Prepare su sitio web, PWA o archivos HTML locales para su app iOS: utilice una URL remota, incluya archivos sin conexión en la app o combine ambos con un respaldo sin conexión.
Opción A) Usar una URL para acceder a su aplicación web (= almacenar los archivos en línea)
Cree un sitio web o una aplicación web optimizados para móviles y súbalos a su servidor web/espacio web. WebViewGold para iOS es compatible con HTML clásico, PHP, WordPress, aplicaciones web progresivas, juegos HTML5, Wix, apprat.io, Bubble, jQuery Mobile y modernos creadores de IA/no-code como Lovable, Base44 y Bolt. En un flujo de trabajo típico, usted crea la interfaz de usuario del producto en jQuery, Lovable, Base44, Bolt, React, Vue, Angular o su stack preferido, y luego utiliza WebViewGold como el contenedor nativo de aplicación iOS que añade el empaquetado para la App Store, notificaciones push, API de dispositivo, gestión de URL y otras capacidades nativas.
Para obtener los mejores resultados en la revisión de la App Store, diseñe su experiencia web para que resulte intencionada en iPhone y iPad: diseños responsivos, objetivos táctiles grandes, primer renderizado rápido, estados de carga/vacío/error claros y una navegación similar a la de una aplicación. De forma predeterminada, WebViewGold para iOS permite tanto contenido HTTPS como contenido HTTP. Para un perfil de seguridad más apto para producción, restrinja el tráfico a HTTPS modificando el ajuste de seguridad de transporte de iOS y considere la opción blockfaultyandselfsignedhttpscerts. Considere realizar una revisión profesional de experiencia de usuario/UX en UXreviewer.io o servicios similares para mejorar la preparación de cara a la aprobación en la tienda y la retención de usuarios a largo plazo.
Opción B) Usar una carpeta HTML local para acceder a su aplicación web (= almacenar los archivos dentro de la aplicación)
WebViewGold también admite aplicaciones web basadas en carpetas HTML locales: establezca uselocalhtmlfolder en true (consulte el siguiente paso) y copie sus archivos HTML/CSS/JavaScript (incluidos los subdirectorios) en la carpeta "local-www" de su proyecto de Xcode. Para ello, asegúrese de:
- Eliminar los archivos predeterminados de la carpeta "local-www" seleccionándolos en la jerarquía de archivos de Xcode, luego haga clic derecho para pulsar "Delete" y después pulse "Move to Trash".
- Seleccionar todos los archivos de su sitio web local y arrastrarlos y soltarlos en la jerarquía de archivos de Xcode, dentro de la carpeta "local-www". Asegúrese de que la opción "Create folder references" esté marcada y pulse "Finish".
Opción C) Usar una carpeta HTML si el usuario está sin conexión y usar una URL remota si el usuario está en línea (= almacenar los archivos en línea + almacenar archivos de copia de seguridad/respaldo dentro de la aplicación)
Copie sus archivos HTML/CSS/JavaScript (incluidos los subdirectorios) en la carpeta "local-www" de su proyecto de Xcode. Para ello, asegúrese de:
- Eliminar los archivos predeterminados de la carpeta "local-www" seleccionándolos en la jerarquía de archivos de Xcode, luego haga clic derecho para pulsar "Delete" y después pulse "Move to Trash".
- Seleccionar todos los archivos de su sitio web local y arrastrarlos y soltarlos en la jerarquía de archivos de Xcode, dentro de la carpeta "local-www". Asegúrese de que la opción "Create folder references" esté marcada y pulse "Finish".
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.