Ionic2+angularjs2热更新APP步骤

xiaoxiao2021-02-28  10

一般webAPP包含H5页面和Native的外壳两部分部分。对应的升级方式有两种。

 1. 直接在线更新H5页面。

 2. 只能重新打包apk或者ipa重新安装。

1.创建项目(跳过npm安装)

ionic start myapp --v2 --skip-npm

2.进入项目(示例项目地址F:\angular\myapp)

3.使用cnpm安装依赖

4. 在项目的根目录新建或者修改cordova-hcp.json文件,再或者使用命令: cordova-hcp init创建

创建结果如下:

Name标识项目名称

Update有如下几个固定参数 start(app启动时安装更新,默认值) now(app从后台切换过来的时候安装更新) resume(web内容下载完毕即安装更新) min_native_interface:最低版本号

 content_url:项目在服务器上面的地址

5.安装插件

安装“cordova-hot-code-push-cli

安装“cordova-hot-code-push-plugin

安装“cordova-hot-code-push-local-dev-addon

安装“cordova-plugin-file-transfer

6.修改目录下的config.xml.

7.运行cordova-hcp build

8. 执行ionic platfrom add android添加android

9. 执行ionic build android

10.查看android/res/xml/config.xml文件是不是被添加以下标签

可以测试一下,在浏览器中打开http://服务器地址/dev/chcp.json,看看json是否正确。

11我们现在更新一下服务器代码,就可以看到不一样的效果了。

更改页面信息。

然后执行ionic serve,通过浏览器也能看到我们修改了home页面的字段。

删除掉/www文件下的chcp.jsonchip.manifest这两个文件。

执行cordova-hcp build,通过模版文件再生成chcp.jsonchip.manifest这两个文件。

将本地服务器下的myapp里面的www文件夹放入指定服务器下。注意:因为我们的服务器是本地服务器,这就要求我们的电脑wifi和手机连的是同一个网络。

查看效果。

转载请注明原文地址: https://www.6miu.com/read-200111.html

最新回复(0)