cordova 打包APK加载远程服务

开发环境

最佳实践

爬坑记录

参考资料

开发环境

MacOS Mojave 10.14.5

Android SDK API 27

Node 12.6.0

最佳实践

Cordova 应用通常由嵌入在应用本身中的html，css和javascript组成。但是，可以创建可从Web服务器远程加载内容的Cordova应用程序。这不是最佳实践，也不建议这样做，但这并不意味着它不能完成。

除非你必须这样的理由

为Web浏览器和移动应用程序使用单一代码库的想法很诱人。跨平台的功能可能是最大的好处。想象一下，将功能添加到Web浏览器使用的网站上，移动应用程序也毫不费力地获得了该功能-无需更新应用程序。

爬坑记录

URL 地址无法访问

html 注释或删除 <meta http-equiv 标签，禁用安全策略

由于 Android9.0 不再支持http,需要代码加设置用程序。可将构建环境降低到 Android API 27 及以下版本

通过`cordova-plugin-inappbrowser`插件加载浏览器，细节可看官方文档，该方案可绕过系统安全策略，但实际操作起来过程并不顺利。最终在GitHub找到一个可运行模板，此基础上进行简单改动，实现了 android 和 ios 加载远程服务效果

安装细节值得注意

项目介绍包含以下功能，我们在下载该项目后需手动 npm 安装系列插件进项目

cordova-plugin-dialogs

cordova-plugin-email-composer

cordova-plugin-inappbrowser

cordova-plugin-native-spinner

cordova-plugin-nativestorage

cordova-plugin-network-information

cordova-plugin-splashscreen

cordova-sqlite-ext

其次，找到 www 目录下 index.js 文件的 onDeviceReady 方法最后插入代码，实现加载远程web 服务

... app_setup();+ cordova.InAppBrowser.open('http://www.baidu.com', '_blank', 'location=no');}

参考资料

加载远程服务

URL地址无法请求

扩展知识

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。