Configure su aplicación web o sitio web
Prepare su sitio web, PWA o archivos HTML locales para su aplicación de Android: use una URL remota, incluya archivos sin conexión en la aplicación o combine ambos con un respaldo sin conexión.
Opción A) Utilice una URL para acceder a su aplicación web (=almacenar archivos en línea)
Cree un sitio web o una aplicación web optimizados para dispositivos móviles y cárguelos en su servidor web/espacio web. WebViewGold para Android admite HTML clásico, PHP, WordPress, aplicaciones web progresivas, juegos HTML5, Wix, apprat.io, Bubble, jQuery Mobile y creadores modernos de IA/sin código como Lovable, Base44 y Bolt. Un patrón de implementación común es crear la interfaz de usuario del producto en jQuery, Lovable, Base44, Bolt, React, Vue, Angular o su pila preferida, luego usar WebViewGold como shell de la aplicación nativa de Android que agrega paquetes de Google Play, notificaciones push, API de dispositivo, manejo de URL y otras capacidades nativas.
Para obtener los mejores resultados de revisión de Google Play, optimice el sitio web para que se comporte como una aplicación de Android pulida: puntos de interrupción receptivos, carga rápida, estados de error/sin conexión claros, objetivos de toque accesibles y comportamiento predecible del botón Atrás. De forma predeterminada, WebViewGold para Android permite contenido HTTPS y HTTP. Para obtener un perfil de seguridad de mayor nivel de producción, restrinja el tráfico a HTTPS mediantedesactivar el tráfico de texto sin cifrary considere elBLOCK_SELF_SIGNED_AND_FAULTY_SSL_CERTSopción. Considere una revisión profesional de experiencia de usuario/UX enUXreviewer.ioo servicios similares para mejorar la preparación para la aprobación y la retención a largo plazo.
Opción B) Utilice una carpeta HTML local para acceder a su aplicación web (=almacenar archivos dentro de la aplicación)
WebViewGold también admite aplicaciones web basadas en carpetas HTML locales: copie sus archivos HTML/CSS/JavaScript al proyecto de Android Studio y configureUSE_LOCAL_HTML_FOLDERatrue(versiguiente paso). Considere una revisión profesional de experiencia de usuario/UX enUXreviewer.ioo servicios similares para obtener los mejores resultados de aprobación de Play Store. Una revisión de UX de este tipo también le ayuda a lograr una mejor retención de clientes en general para su producto con sugerencias de mejora.
Opción C) Utilice una carpeta HTML si el usuario está desconectado y utilice una URL remota si el usuario está conectado (=almacenar archivos en línea + almacenar archivos de respaldo/alternativo dentro de la aplicación)
Copie sus archivos HTML/CSS/JavaScript al proyecto de Android Studio, configureUSE_LOCAL_HTML_FOLDERafalse(versiguiente paso) y establecerFALLBACK_USE_LOCAL_HTML_FOLDER_IF_OFFLINEatrue(versiguiente paso). Considere una revisión profesional de experiencia de usuario/UX enUXreviewer.ioo servicios similares para obtener los mejores resultados de aprobación de Play Store. Una revisión de UX de este tipo también le ayuda a lograr una mejor retención de clientes en general para su producto con sugerencias de mejora.
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 Android 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 Android 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 Android.