Cordova Appcenter 应用整理
Cordova Appcenter 应用整理
Cordova codepush 借助appcenter平台,以下是一些备忘整理。
Appcenter
- 安装appcenter
npm install -g appcenter-cli
- https://appcenter.com/ 注册账号
- appcenter cli 登录(粘贴浏览器中的字符串)
appcenter login
- 在appcenter中创建应用
- 创建deployment key
appcenter codepush deployment add -a <groupName>/<appname> Staging //测试环境 appcenter codepush deployment add -a <groupName>/<appname >Production //开发环境
Cordova
- 创建cordova 项目
- cd cordova project
- 添加android平台
- 添加codepush、appcenter相关插件
cordova plugin add cordova-plugin-code-push@latest cordova plugin add cordova-plugin-appcenter-analytics cordova plugin add cordova-plugin-appcenter-crashes
- config.xml中添加
<platform name="android"> <preference name="APP_SECRET" value="YOUR_APP_SECRET" /> <preference name="CodePushDeploymentKey" value="YOUR-ANDROID-DEPLOYMENT-KEY" /> <preference name="AndroidPersistentFileLocation" value="Compatibility" /> </platform> <platform name="android">
-
www/index.js onDeviceReady 中添加
codePush.sync();
- 打包apk应用安装
cordova build android
- 启动应用如图
- 修改index.html
<div class="app"> <h1>Apache Cordova-5</h1> <h2>Hello World</h2> <div id="deviceready" class="blink"> <p class="event listening">Connecting to Device</p> <p class="event received">Device is Ready</p> </div> </div>
- 发布到appcenter, 如图
appcenter codepush release-cordova -a <groupName>/<appname> -t <version>
最终效果
启动应用,开启remote debuge模式,可以看到更新日志等
相关代码在 https://github.com/peakcool/cordova-codepush-example
其他命令
appcenter codepush deployment list -a <groupName>/<appname> //查看keys
appcenter codepush rollback <groupName>/<appname> <deploymentName> //回滚版本
appcenter codepush patch -a <groupName>/appname Production -m
appcenter codepush patch -a <groupName>/appname Production v23 -rollout 50%
参考网址
https://docs.microsoft.com/en-us/appcenter/distribution/codepush/cordova
https://docs.microsoft.com/en-us/appcenter/distribution/codepush/cli
https://docs.microsoft.com/en-us/appcenter/distribution/codepush/cli