设置您的 Web 应用或网站
为您的 Android 应用准备网站、PWA 或本地 HTML 文件:使用远程 URL、将文件离线打包到应用中,或将两者结合并提供离线回退方案。
选项 A)使用 URL 访问您的 Web 应用(= 将文件在线存储)
创建一个针对移动端优化的网站或 Web 应用,并将其上传到您的 Web 服务器/网络空间。WebViewGold for Android 支持传统 HTML、PHP、WordPress、Progressive Web Apps、HTML5 游戏、Wix、apprat.io、Bubble、jQuery Mobile,以及 Lovable、Base44、Bolt 等现代 AI/无代码构建工具。一种常见的实现模式是:使用 jQuery、Lovable、Base44、Bolt、React、Vue、Angular 或您偏好的技术栈来构建产品 UI,然后使用 WebViewGold 作为原生 Android 应用外壳,为其添加 Google Play 打包、推送通知、设备 API、URL 处理以及其他原生功能。
为获得最佳的 Google Play 审核结果,请对网站进行优化,使其表现得像一款精致的 Android 应用:响应式断点、快速加载、清晰的离线/错误状态、易于点击的可访问点击目标,以及可预期的返回键行为。默认情况下,WebViewGold for Android 同时允许 HTTPS 和 HTTP 内容。为了获得更接近生产级的安全配置,请通过关闭明文流量将流量限制为仅 HTTPS,并考虑启用 BLOCK_SELF_SIGNED_AND_FAULTY_SSL_CERTS 选项。请考虑在 UXreviewer.io 或类似服务上进行专业的用户体验/UX 评审,以提升过审准备度和长期留存率。
选项 B)使用本地 HTML 文件夹访问您的 Web 应用(= 将文件存储在应用内)
WebViewGold 同样支持基于本地 HTML 文件夹的 Web 应用:将您的 HTML/CSS/JavaScript 文件复制到 Android Studio 项目中,并将 USE_LOCAL_HTML_FOLDER 设置为 true(参见下一步)。请考虑在 UXreviewer.io 或类似服务上进行专业的用户体验/UX 评审,以获得最佳的 Play Store 过审结果。此类 UX 评审还能通过提供改进建议,帮助您的产品在整体上实现更好的客户留存。
选项 C)当用户离线时使用 HTML 文件夹,当用户在线时使用远程 URL(= 将文件在线存储 + 在应用内存储备份/回退文件)
将您的 HTML/CSS/JavaScript 文件复制到 Android Studio 项目中,将 USE_LOCAL_HTML_FOLDER 设置为 false(参见下一步),并将 FALLBACK_USE_LOCAL_HTML_FOLDER_IF_OFFLINE 设置为 true(参见下一步)。请考虑在 UXreviewer.io 或类似服务上进行专业的用户体验/UX 评审,以获得最佳的 Play Store 过审结果。此类 UX 评审还能通过提供改进建议,帮助您的产品在整体上实现更好的客户留存。
SDK 风格的实现说明
将此功能视为向 Web 层公开的原生能力:将生产网站或 PWA 作为唯一可信来源,然后使用文档中的 WebViewGold 配置标志、URL 命令和 JavaScript 桥接调用,仅在能够带来价值的地方启用原生 Android 行为。这种方式让代码库易于维护,因为同一个 Web 应用只需极少的条件逻辑即可同时服务于浏览器、WebViewGold for Android 以及其他 WebViewGold 平台。
为获得可靠的结果,建议优先使用 HTTPS 端点、稳定的路由名称、在界面中明确的成功/错误状态,以及封装原生调用的小型 JavaScript 辅助函数。例如,使用 jQuery Mobile、Lovable、Base44、Bolt、WordPress、Bubble、自定义 React/Vue/Angular 技术栈或静态 HTML 构建的 Web 应用,可以提供单个按钮或事件处理程序来触发原生 WebViewGold API,同时仍为浏览器提供优雅的回退方案。
- 推荐的集成模式:检测应用上下文,调用 WebViewGold API,然后在原生回调或路由变更后更新 Web 界面。
- 测试清单:在真机或打包构建上验证该功能,检查权限和商店审核文案,并确认仅使用浏览器的用户仍能获得有用的回退方案。
- SEO 优势:让功能页面、路由标题和结构化内容在您的网站上保持可被索引,同时由 WebViewGold 为 Android 用户提供原生应用外壳。