Cordova 实现热更新
小编:管理员 578阅读 2022.09.13
一、添加插件 说明:在这个步骤里面,以下的命令需要在项目根目录下执行 ● 新建Cordova项目 ○ cordova create CordovaHotCode com.ezample.hotcode ● 添加android平台 ○ cordova platform add android ● 添加iOS平台 ○ cordova platform add ios ● 添加自动更新插件 ○ cordova plugin add cordova-hot-code-push-plugin ● 添加cordova hot code push客户端,用于生成www目录下文件的hash码,更新的时候对比使用。(注意:安装过就不用在安装了) ○ npm install -g cordova-hot-code-push-cli 二、配置
- 修改config.xml ○ iOS工程的地址 config.xml的路径是:projectName/platforms/ios/projectName/config.xml 其中 projectName 是我们创建的工程名称 ○ Android工程的地址是 projectName/platforms/android/res/xml/config.xml 修改内容如图:
417114801036.png
//代码为
- 转移项目根目录下的www目录里的内容 ○ ios平台 将www里面的内容拷贝到 projectName/platforms/ios/projectName/www ○ Android平台 将www里面的内容拷贝到 projectName/platforms/android/assets/www
- 为了chcp.json文件生成的方便,我们需要在项目的根目录下新建一个文件cordova-hcp.json,内容为: { "update": "start", "content_url": "http://192.168.40.203:8080/cordova/www" }
上面执行完之后,可以将项目导入到android studio中或者直接在根目录执行cordova build,然后在CordovaHotCode\platforms\android\build\outputs\apk这个目录下生成了apk文件,直接安装就行。 三、服务器端配置
- 服务器端就比较简单了,我们修改项目根目录下的www目录之后,在根目录下执行cordova-hcp build.
- 直接把根目录下的www目录拷贝到服务器中,注意地址不要写错。然后启动我们的app,第一次启动的时候检查更新并下载更新,第二次启动的时候就会使用更新的版本。
213130800190.png
相关推荐
- Cordova 什么是Cordova? Cordova是用于使用HTML,CSS和JS构建移动应用的平台。我们可以认为Cordova是一个容器,用于将我们的网络应用程序与本机移动功能连接。默认情况下,Web应用程序不能使用本机移动功能。这就是Cordova进来的地方。它为网络应用和移动设备之间的连…
- 3DMAX提示和技巧 本主题标识使用 Civil View 的一些重要提示和技巧。常规使用屏幕分辨率至少为 1280x1024 的 Civil View。低于此分辨率时,一些面板将占用过多屏幕空间。 将视口设置为线框显示以达到最佳性能。 要尽可能简化用户界面,请在单个视口中工作并关闭 3ds Max 命令面…