cordvoa 套壳
- 代码热更新插件 cordova-hot-code-push-plugin
超级必要
插件的作用是:当程序(App)启动的时候,自动去请求设定好的url,也就是服务文件所在地址,获取chcp.json 文件,与本地文件进行对比。
if (本地版本 < 服务器版本) {从服务器下载新内容} elss {该干嘛干嘛}
因为需要生产一个对比JSON文件
npm install -g cordova-hot-code-push-cli
过程可能下载失败(参照:https://github.com/Microsoft/WSL/issues/14)
更改一下设置
npm config set unsafe-perm=true
.插件的github
cordova plugin add cordova-hot-code-push-plugin
在官方会需要初始化
cordova plugin add cordova-hot-code-push-local-dev-addon
注意: 如果在用xcode提示xcode9不支持,需要使用低版本的时候,可以不添加这个插件。
接下启动一个服务,即是远端存放代码的服务
cordova-hcp server
它会本地给你启动一个服务,默认31284端口。
你可以http://localhost:31284/chcp.json
访问到此文件
程序运行时也是对比此路径下的文件.
设置config.xml 和chcp.json文件下的url
<chcp>
<config-file url="http://192.168.2.194:31284/chcp.json" />
<native-interface version="1" />
</chcp>
如何测试,启动服务。将第一版本安装到手机上。确认能访问到你本地服务的文件。
修改代码,保存代码。
上传代码到服务,因为服务起在本地的文件目录下,这一步骤可以忽略。
kill app, 重新打开。捉包能够看到对本地发送了请求,对比后下载。更新本地代码。
- wkwebview iOS 物理回退键,
必要
官方插件库:cordova-plugin-wkwebview-file-xhr
github上的:cordova-plugin-wkwebview-engine
使用方便,其他的设置一时也用不上
<feature name="CDVWKWebViewEngine">
<param name="ios-package" value="CDVWKWebViewEngine" />
</feature>
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
cordova-plugin-splashscreen启动屏
必要
兼容iphone X需要cordova-plugin-statusbar原生状态栏
必要
iphone678状态栏兼容
遗留坑:iphone7,可能会出现状态栏部分被覆盖。iphone tel 唤起iphone拨号盘
情景需要
属于自定义插件
同步ios10以下版本表现
git@github.com:beautiflly123/iPhoneCallTel.git
HTML 开发
- 正常开发
www文件目录下 - 加入vue
修改build output路径为www
watch文件改动build
webpack --watch --config webpack.prod.conf.js
看效果
phonegap 添加platform browser
在手机查看对应的地址
上线测试
- ios
申请appid
生成下载证书
xcode build
可以在手机看效果和Safari调试 - android
cordova build android => debug.apk /app/.../output
上线审核
- ios 上传itunes connect
老一套,证书,build,product archive => 为了保证成功,先validator再upload - Android
打包一个release的apk包,如果是首次,签名的时候记得把信息都记录下来。
上传各个平台,有的需要加固,加固再签名,还得用对应平台下自动签名。。。