zoukankan      html  css  js  c++  java
  • 一步一步实现IONIC2/3 热更新

    1. 新建空的ionic项目

    • 命令:ionic start hotupdatetest blank

    2. 进入项目文件夹

    • 命令 : cd  ./hotupdatetest

    3. 全局安装热更新插件cordova-hot-code-push-cli,如果已经安装了则跳过此步

    • 命令:npm install -g cordova-hot-code-push-cli

    4. 添加目标平台

    • 命令:ionic cordova platform add android

    5. 将热更新插件添加到项目内

    • 命令:ionic cordova plugin add cordova-hot-code-push-plugin

    6. 初始化热更新插件

    • 命令:cordova-hcp init

    7. 初始化热更新插件后会在项目根目录生成cordova-hcp.json的配置文件

    如下

    8. 在config.xml配置文件中关闭自动更新

    9. 在app.component.ts中导入热更新插件,并编写更新逻辑

    10. 打包apk

    • 命令:ionic cordova build android –prod

    这个时候的app已经集成了更新功能。

    11. 现在开始做些更新的动作,在home页面中去修改一下

    12. 重新打包apk或者运行ionic serve后,确保新修改的文件已经编译到www文件内,生成本地更新配置文件

    • 命令:cordova-hcp build

    13. 执行命令后会在www文件夹生成更新配置文件

    14.上传更新

    这个时www文件里的文件上传cordova-hcp.json里指定的content_url地址,打开已经安装的最初版本的app就会自动更新修改过的页面了。

      • 容易搞错的地方是,生成新的版本文件时,一定要编译后才能在www文件里生成新的文件,这个时候cordova-hcp build才能生成新的配置文件。
      • 如果需要设置动态显示更新,则需要在app.component.ts文件里的更新文件加上loading或其它提示。
  • 相关阅读:
    第四单元博客总结——暨OO课程总结
    OO--第三单元规格化设计 博客作业
    关于博客园主——他死了
    编译错误总集
    密码是我QQ签名
    P1600 天天爱跑步
    天气之子——天空上是另一个世界
    可持久化01trie树——模板
    P1270 “访问”美术馆——不太一样的树形DP
    P1099 树网的核——模拟+树形结构
  • 原文地址:https://www.cnblogs.com/domaple/p/8716135.html
Copyright © 2011-2022 走看看