zoukankan      html  css  js  c++  java
  • ionic3 热更新发布步骤记录

    1.安装基本框架
    npm install -g ionic@latest npm install -g cordova ionic
    验证版本号
    ionic –version
    cordova -version
    
    2.新建ionic项目
    ionic start myapp
    
    会显示选项列表
     tabs:创建一个选项卡项目
     blank:创建一个空白项目
     sidemenu:创建一个侧边菜单项目
     super: 创建一个预制的完整项目,提供ionic开发最佳实践
     conference:创建一个展示真是应用的项目
     tutorial:创建一个基于ionic文档的教程项目
     aws: 创建一个移动集成器启动项目
    任意选择一个新建即可
    3.进入项目文件夹
    cd myapp
    执行下面命令可以预览项目
    ionic serve
    正常显示后可以关掉服务Ctrl+C,此步骤只是保证ionic新建项目成功
    4.ios目前已不支持热更新,所以只对Android平台进行设置
    
    设置Android平台
    ionic cordova platform add android
    设置安卓版本需修改下面文件内容
    platforms/android/project.properties 和platforms/android/CordovaLib/project.properties 中的target=“你有的sdk版本”

    安装热更新插件 ionic cordova plugin add cordova
    -hot-code-push-plugin ionic cordova plugin add cordova-hot-code-push-local-dev-addon npm install -g cordova-hot-code-push-cli
    5.在config.xml配置文件中加入下面节点
    <chcp>
         <config-file url="http://192.168.1.203:8121/chcp.json" />
         <native-interface version="1" />
    </chcp>
    第一个子节点是需要发布在iis上的文件地址
    第二个子节点是当前版本号
    还有其它配置此处不再罗列
    6.新开一个终端执行下面命令
    cordova-hcp server
    如果能够正常输出类似
    Running server
    Checking:  /ionic/myapp/www/
    local_url http://localhost:31284
    Warning: .chcpignore does not exist.
    Build 2017.10.27-10.17.48 created in ionic/myapp/www
    cordova-hcp local server available at: http://localhost:31284
    cordova-hcp public server available at: https://5027caf9.ngrok.com
    
    检查/项目名称/www 路径下 有chcp.json和chcp.manifest表示热更新服务启动正常
    7.在项目根目录下新建模板 cordova-hcp.json
    {
    "content_url": "http://192.168.31.62:8121",
    "autogenerated": true,
    "update": "now"
    }
    以后发布时只需执行
    cordova-hcp build命令,就可以把模板内容替换到chcp.json文件内,因为每次更新或者发布app都会使热更新服务重新生成chcp.json文件内容
    8.构建iis,路径指向/项目名称/www 文件夹,也可以把www文件夹部署在你指定的位置。检查chcp.json文件是否能访问,若不能访问
    针对iis7+
    在IIS的站点属性的HTTP头设置里,选MIME 映射中点击”文件类型”-”新类型”,添加一个文件类型:
    关联扩展名:.json
    内容类型(MIME):application/x-javascript
    9.生成apk
    ionic cordova build android
    此时热更新服务不能停止,一个终端执保持热更新服务,另一个终端执行其它命令
    生成后执行
    cordova-hcp build 复制模板文件
    然后通过iis访问地址,检查页面显示是否正常,json文件是否可以访问,json文件内的ip地址是否是iis的发布地址
    在手机上安装此apk
    10.对项目界面或者功能进行修改
    然后对配置文件config.xml的chcp节点的版本号进行修改
    <native-interface version="2" /> 
    重新生成apk
    ionic cordova build android
    通过iis访问检查页面和功能是否修改
    执行 cordova-hcp build 然后检查iis上的json文件是否修改
    关掉手机上原来的程序,重新打开程序,可以看到页面或者功能已变更。有时候更新会有延迟。

     琐碎的资料

    1. http://localhost:8100/ionic-lab 可以看到模拟器

    2. 新建模块命令 ionic g page login

    3. 新建服务命令 ionic g provider MyData

    4. 在虚拟机上执行命令 ionic cordova emulate android -l -c

  • 相关阅读:
    Python基础-字符串方法 、文件操作
    Python基础-列表、字典
    Python基础作业-用户登录
    LeetCode 78. Subsets
    LeetCode 77. Combinations
    LeetCode 76. Minimum Window Substring
    LeetCode 74. Search a 2D Matrix
    LeetCode 73. Set Matrix Zeroes
    LightOJ 1043
    LightOJ 1042
  • 原文地址:https://www.cnblogs.com/smartsensor/p/7741682.html
Copyright © 2011-2022 走看看