Cordova 热更新处理(一)：调试历程

最新推荐文章于 2022-07-06 15:10:11 发布
最新推荐文章于 2022-07-06 15:10:11 发布
阅读量444 收藏
点赞数
原文链接：https://my.oschina.net/u/1440971/blog/826492
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

## 20170116 继续处理 热更新
    1、上午明白了几个关键思路和功能后，继续
        cordova-hcp init
            这个会初始化 www 目录下 chcp.json 主要信息
        config 中 local-development enabled="false"
            去掉本地调试（缺省是开着的）
        sudo cordova-hcp server
            这个用来本地测试
        sudo cordova-hcp build
            这个会重新生成 www 目录下的 chcp.json
        cordova build
            这个会重新生成 platforms ，主要chcp相关的是 assets/www 下的 chcp.json
    2、当前项目上午已经 cordova-hcp init 过，所以，直接 cordova-hcp build
    3、先别着急运行，如果直接 sudo cordova run android  ，会受到以下警告
        You're trying to install apk with a lower versionCode that is already installed.
        Either uninstall an app or increment the versionCode.
        *** 因为早上给 config.xml 加上了 versionCode，手机上的版本当时不带这个
        *** 怎么缺省的 versionCode 会大于我现在建立的这个呢？
    4、卸载手机的旧版本
    5、先 copy 目前的 www 到    "content_url": "http://192.168.1.103/hot20170113/www",
    6、sudo cordova run android ，观察 logcat 
        01-17 14:43:32.397: I/chromium(30190): [INFO:CONSOLE(80)] "actionId  555===chcp_nothingToUpdate", source: file:///data/user/0/io.cordova.hellocordova/files/cordova-hot-code-push-plugin/2017.01.17-14.42.35/www/plugins/cordova-hot-code-push-plugin/www/chcp.js (80)
        *** 因为手机运行版本和 copy 到 content_url 的内容完全一致，当然就是：chcp_nothingToUpdate （没有可以更新的内容）
    7、手工修改一下 index.html，并且 sudo cordova-hcp build，然后 copy www 到  content_url
    8、在手机退出 app ，再次运行并观察 logcat
        01-17 15:01:43.919: I/chromium(30190): [INFO:CONSOLE(63)] "{"action":"chcp_updateIsReadyToInstall","data":{"config":"{\n  \"name\": \"cdvDemo20161227\",\n  \"ios_identifier\": \"\",\n  \"android_identifier\": \"\",\n  \"update\": \"resume\",\n  \"content_url\": \"http://192.168.1.103/hot20170113/www\",\n  \"release\": \"2017.01.17-15.01.16\"\n}"}}", source: file:///data/user/0/io.cordova.hellocordova/files/cordova-hot-code-push-plugin/2017.01.17-14.42.35/www/plugins/cordova-hot-code-push-plugin/www/chcp.js (63)
            *** chcp_updateIsReadyToInstall 准备安装了
        01-17 15:01:43.920: I/chromium(30190): [INFO:CONSOLE(159)] "broadcastEventFromNative  6666 nativeMessage.action==", source: file:///data/user/0/io.cordova.hellocordova/files/cordova-hot-code-push-plugin/2017.01.17-14.42.35/www/plugins/cordova-hot-code-push-plugin/www/chcp.js (159)
            *** broadcastEventFromNative 收到了原声的广播
    9、退出 app ，再次进来
            哈哈哈哈！index.html 焕然一新了！
    10、下一步：在 ionic 项目实现热更新，。在 ios 模拟器 测试效果
            
## 20170116 继续处理 热更新
    1、sudo cordova-hcp server 会看到
      "content_url": "https://fd872c9f.ngrok.io",
      "config_url": "https://fd872c9f.ngrok.io/chcp.json"
    2、理解本地调试，不是指的我在本机设置一个网站，而是以上 content_url
        ** 以上测试通过后，就不要使用 本地模式了
         <local-development enabled="false"/>.
    3、官产 cordova build 日式
      CHCP Local Development Add-on:
          Local development mode for CHCP plugin is disabled. Doing nothing.
      CHCP plugin after prepare hook:
          config-file set to http://192.168.1.103/hot20170113/www/chcp.json
    4、观察 android/res/config.xml，没有 content-uri，所以 app 不知道在哪里下载更新
    5、理解 cordova-hcp init，需要输入 报名、版本之类，修改 config.xml ，加上 versionCode 等
        ** 缺省建立的项目 没有以下 versionCode，先加上
        android-versionCode="7"
        ios-CFBundleVersion="3"
    6、先到这里，下次继续  

## 20170116 继续处理 热更新
    1、换个 4.4 手机试试
        01-16 09:18:04.094: W/chromium(6919): [WARNING:proxy_service.cc(888)] PAC support disabled because there is no system implementation
    2、去掉             <auto-install enable="true">
        ** 不行！
    3、继续去掉 <auto-download enable="true"/>
        ** 不行！
    4、难道是因为 cordova-hcp.json?删除！
    5、删除程序，重新运行，也不行！
    6、彻底删除
                    <auto-download enable="true">
                    <auto-install enable="true">
      ** 这次可以了！刚才都是改成 false
    5、反向再回复
                   <auto-download enable="false"/>
                   <auto-install enable="false"/>
      ** 趋势不行，加上这 2 个选项就不对！
                            
## 20170114 继续处理 热更新
    1、修改 config.xml,增加以下节点
        <chcp>　　
            <auto-download enable="true">
            <auto-install enable="true">
            <config-file url="http://192.168.1.103/hot20170113/chcp.json"/>　　
        </chcp>
      Chcp.json包含了项目的版本信息，是否立即更新，服务器的更新地址
      Chcp.manifest包含了www目录下的文件和对应的hash码值
    2、新建立一个 cordova-hcp.json，在项目根目录，内容如下   
        {
          "update": "start",
          "content_url": "http://192.168.1.103/hot20170113/www"
        }
    3、重头来过,
        ** 检查 platforms 的 ios 下（项目名： HelloCodova 目录下）config.xml，确实生成了 chcp 节点
        ** 检查 platforms 的 android 下,res/xml 目录下 config.xml,确实生成了 chcp 节点
      <chcp>
        <auto-download enable="true"/>
        <auto-install enable="true"/>
        <config-file url="https://324f0022.ngrok.io/chcp.json"/>
        <local-development enabled="true"/>
      </chcp>
    4、运行 sudo cordova run android  
        靠！直接退出！难道我的 p9 不支持？        
    5、修改 index.html，后，
        sudo cordova-hcp build
        copy www 到 http://192.168.1.103/hot20170113/www
    先到这里，下次继续！
        
## 20170114 继续处理 热更新
    1、在本机建立测试黄静
        ** LAN 固定 ip /192.168.1.103
        ** 本机虚拟目录建立一个目录 hot20170113
        *** 在手机测试 http://192.168.1.103/hot20170113/
        ok!
    2、修改 config.xml
            <chcp>　　　　
                <config-file url="http://192.168.1.103/hot20170113/chcp.json"/>　　
            </chcp>
    3、重新 build , cordova-hcp build
        ** android/assets/www 下没有看到 chcp.json
        ** 重新build android , sudo cordova build android
        ** 这次有了 chcp.json，chcp.menifest
    4、copy www 目录下到我的虚拟目录去
    5、打开 android/assets/www 目录下的 chcp.menifest，记下一个 hash,用于修改后对比，以便确认是否在改变
        "file": "index.html",
        "hash": "44e249d8e1379d12a360efe37c4d43a8"
    6、在 index.html 随意修改点什么 ,然后再 build
    7、再打开 android/assets/www 目录下的 chcp.menifest，没有发现变化？
    8、发现有个错误提示
        Can't find .chcpenv config file with local server preferences. Did you run "cordova-hcp server"?
    9、那就先 cordova-hcp server
     Checking:  /Users/dhbm/Desktop/ion20160925/cdvDemo20161227/www
     local_url http://localhost:31284
     Build 2017.01.14-10.23.10 created in /Users/dhbm/Desktop/ion20160925/cdvDemo20161227/www
     cordova-hcp local server available at: http://localhost:31284
     cordova-hcp public server available at: https://324f0022.ngrok.io
    10、再来 sudo cordova build，之后查看 android/assets/www 目录下的 chcp.menifest
       "file": "index.html",
       "hash": "c7c97e6012b265d70d9b3835e237a692"
       *** 哈哈哈哈，果然改变了！
    11、淡然，以上这一轮仅仅是确认变化，没有发布 apk 到手机，需要重新来过
       
       hbmdeMacBook-Pro:cdvDemo20161227 dhbm$ cordova-hcp server
       Running server
       Checking:  /Users/dhbm/Desktop/ion20160925/cdvDemo20161227/www
       local_url http://localhost:31284
       Build 2017.01.16-09.57.10 created in /Users/dhbm/Desktop/ion20160925/cdvDemo20161227/www
       cordova-hcp local server available at: http://localhost:31284
       cordova-hcp public server available at: https://fd872c9f.ngrok.io
       File changed:  /Users/dhbm/Desktop/ion20160925/cdvDemo20161227/www/index.html
       Build 2017.01.16-10.00.31 created in /Users/dhbm/Desktop/ion20160925/cdvDemo20161227/www
    12、修改 plaug 的 chcp.js，加上 调试代码，remove/add platform 重新来过
        看到调试代码了，下次继续！
        
## 20170113 处理 热更新
    1、参考 http://www.phonegap100.com/article-491-1.html
    2、安装热更新插件
        sudo cordova plugin add cordova-hot-code-push-plugin
    3、安装 热更新本地开发插件
        sudo cordova plugin add cordova-hot-code-push-local-dev-addon
        ** 这个插件装不装其实也没有影响，因为我们不是要求实时更新界面的，而且在正式发布App的时候必须得移除这个插件
        
    3、cordova build ，没有发现在我们config.xml动态加入什么内容
    4、参考 http://www.cnblogs.com/johnzhu/p/5830450.html
      sudo npm install -g cordova-hot-code-push-cli
      （用来动态生成chcp.json和chcp.manifest两个文件）
    4、重新来过，这次使用命令 cordova-hcp build
        ** 依然没有发现在我们config.xml动态加入什么内容
    5、参考 http://blog.csdn.net/zhuzhiqiang_zhu/article/details/53608398
    6、在 config.xml 手动增加 chcp 节点,然后重新来过

转载于:https://my.oschina.net/u/1440971/blog/826492

weixin_33874713
关注
6年全栈工程师回答：web前端的主要学习什么，现在还有前途吗？一般工资是多少？
在线学习web前端开发教程
12-21 1730
首选我不明白你为啥没有对前端工程师这个行业在有一定了解之后再展开学习，下面备注是说正在学习这个，我就一脸问号了(？？？？？) 可能你还是大学生吧，对于工资多少，不同地区，一线二线，三线四线城市都是有差异的，你可以通过招聘网站去看，眼见为实嘛！（这里推荐：智联招聘，拉勾网，BOSS直聘等…别去58同城，之前有些伙伴跟我说他去58同城上看前端的招聘，惊呆我了！） 首先，你想知道前端是个啥，那么你一定要...
React框架发展史
_
04-17 3068
原文地址： https://www.deaboway.com/react框架发展史.html#.YHr1L0j7QZE React开源地址：https://facebook.github.io/react/index.html 内容隐藏 11.前端发展背景 22.诞生原因 33.基本介绍 44.重要版本发布 55.React核心原理心路历程 66.6个React亮点 1.前端发展背景 前端混沌时代在“前端混沌时代”，页面主要在服务端开发并生成，服务端生成什么页面，浏览...
cordova 热更新
03-19
第一步、将 myApp 目录下 config.xml <chcp> <auto-download enabled="true" /> <auto-install enabled="true" /> <config-file url="http://192.168.1.34:8080/myApp/www/chcp.json" /> <local-development enabled="true" /> </chcp> 地址改为自己的地址。 第二步、将myApp\platforms\android\app\src\main\res\xml目录下 config.xml <chcp> <auto-download enabled="true" /> <auto-install enabled="true" /> <config-file url="http://192.168.1.34:8080/myApp/www/chcp.json" /> <local-development enabled="true" /> </chcp> 第三步、myApp\platforms\android\app\src\main\assets 目录下 .chcpenv { "content_url": "http://192.168.1.34:8080/myApp/www/", "config_url": "http://192.168.1.34:8080/myApp/www/chcp.json" } cordova-hcp.json { "autogenerated": true, "update": "start", "content_url": "http://192.168.1.34:8080/myApp/www/" } 的 地址改为自己的 地址 第四步、将android项目导入Android Studio 第五步、 myApp\platforms\android\app\src\main\assets 目录下 执行 cordova-hcp build 命令后将www 目录下的所有文件拷贝到你自己的 文件服务器上。 第六步、启动服务器 第七步、发布安装app程序。 第八步、修改www目录下的文件信息，重新执行第五步。 第七步、再次打开app程序（"update": "start",需两次）。 cordova-hcp.json { "autogenerated": true, "update": "start", "content_url": "http://192.168.1.34:8080/myApp/www/" } start - app启动时安装更新. 默认值. resume - app从后台切换过来的时候安装更新. now - web内容下载完毕即安装更新. 注意：网站的路径
cordova热更新插件调试
ankuai2015的博客
04-11 115
有更新www目录内容后，首先sencha app build,然后进入 cordova目录 运行 cordova-hcp build, 然后查看 chcp.json文件时间，然后压缩cordova目录下www目录 ，上传 至服务器对应目录后，解压缩后进入www目录，进入chcp.json文件，核对时间是否与本地文件时间一致 转载于:https://www.cnblogs.com/xq...
Cordova 热更新 hot-code-push 更新完成后本地渲染问题
weixin_45410246的博客
07-06 252
通过cordova-hot-code-push-plugin热更新后 本地不更新线上代码 需要退出程序才渲染通过 cordova.plugins.diagnostic直接重新restart加载资源 cordova.plugins.diagnostic
Cordova - 实现热更新 !
qq_40014350的博客
07-14 2164
Cordova版本：8.0.0 更新APP平台：Android 操作系统：Windows Cordova的热更新，作用是把www内的变动部分更新到APP中，实现主程序不动，完成更新！！这个热更新功能，对于IOS APP更有意义，因为，可以避免繁琐的苹果审核！！这个热更新几乎是所有Cordova开发都需要的功能！！！ Cordova热更新插件：https://github.com/nordnet/cordova-hot-code-push Cordova热更新工具：https://github.co
[Android教程] Cordova开发App入门（二）使用热更新插件
weixin_30663471的博客
06-13 129
　　前言 　　不知各位遇没遇到过，刚刚发布的应用，突然发现了一个隐藏极深的“碧油鸡(BUG)”，肿么办!肿么办!肿么办!如果被老板发现，一定会让程序员哥哥去“吃鸡”。但是想要修复这个“碧油鸡”，就必须要重新打包、重新测试、重新部署等等。重点是在这个重新打包、测试、部署的时候，可能已经有用户发现了这个“碧油鸡”，接下来就是承受用户的投诉、举报 + 漫骂。如果这仅仅只是一个无关痛痒的“碧油鸡”，那还...
phonegap2.9.1源码和demo
01-01
PhoneGap 2.9.1 是一个开源框架，它允许开发者使用HTML5、CSS3和JavaScript来构建跨平台的移动应用程序。...然而，对于学习历史版本、研究PhoneGap的发展历程或者调试老项目来说，这个压缩包无疑是非常有价值的资源。
web前端开发最新技术（入门篇）：构建响应式网站与移动应用
## 1.2 前端开发技术的发展历程 随着互联网的发展，前端技术经历了多个阶段的演进。从早期的静态网页到动态交互界面的发展，再到移动端Web应用的兴起，前端技术一直在不断变化与升级。 ## 1.3 Web前端开发的基本...
疯狂猜歌04
09-10
9. **测试与调试**：游戏开发中的测试和调试技巧也是重要一课，如单元测试、集成测试以及性能优化。源码中可能包含测试代码和日志系统，学习这些可以提高软件质量。 10. **开源许可证**：作为开源项目，疯狂猜歌04...
cordova-hot-code-push-cli.zip
09-26
启动cordova-hcp server报错 Could not create tunnel: { Error: ngrok is not yet ready to start tunnels 时，将路径 我个人的是：（C:\Users\lenovo\AppData\Roaming\npm\node_modules）下的cordova-hot-code-push-cli文件下用下载的文件替换就可以了
HCP图画法概要
09-28
日本对模块的执行流程一般用HCP图来描述，国内很少用HCP图表示，本文档简单介绍hcp图的各元素意义
Cordova 代码热更新 - 简书
weixin_30512043的博客
01-06 643
Cordova 代码热更新 - 简书 原文:Cordova 代码热更新 - 简书 Cordova 代码热更新 [图片上传失败...(image-a19be7-1521624289049)] 基于 Cordova 框架能将网页应用 (js, html, css, 图片等) 打包成 App。当 ...
Cordova框架搭建的混合APP如何实现热更新（生产环境亲测有效）
ouyangli2011的博客
07-17 876
配置静态资源服务器，我这里直接选用tomcat容器作为资源服务器，有nginx服务器的可以选择nginx做静态资源服务器。 在tomcat的conf目录下配置server.xml文件,在Host节点下增加如下配置 <Context path="/cordovafiles" docBase="C:\file\" reloadable="true" debug="0" crossContext="true"/> 配置后在你的C盘file目录下随意放一个文件 ，例如chcp.json 通过htt..
Android手机在开发调试时logcat不显示输出信息的解决办法
weixin_34362875的博客
09-06 547
网上搜了N多解决方法，但是很多将log级别的，用法的，更多的是如何在logcat中设置filter进行log的过滤与查看，但是我遇到的问题是，模拟器怎么着都OK，但真机、手机进行开发调试的时候却看不到log信息，这是很恼人的事情（毕竟模拟器跑起来太慢了）。 刚开始没有查到好的方法，就用try catch把exception打到一个alertdialog中，但是这样只能看个大概，绕这个圈子没用，最...
cordova android怎么打印日志,android /Cordova LOG 、console 调试调试打印log
weixin_28882149的博客
05-30 995
这个问题很简单，但是初学者有可能不太注意；可以log又是很重要的工具；2、只是需要在android的xml/config.xml中修改参数即可： cordova的源码中org.apache.cordova.LOG 类可以知道value值可以填如下五个参数参数：public static final int VERBOSE = Log.VERBOSE; //2public static final ...
Android Studio不显示logcat日志的解决办法
zp511253886的专栏
02-28 4878
现象如图所示，logcat无日志显示： 首先，你可以试试修改以下参数： 2.若修改上述参数依然不显示，你可以打开Device Moniter，查看logcat，步骤如下： 如果在这里有logcat日志正常显示的话，你可以设置Tool-->Android-->En
cordova打包app热更新问题
wx13227855087的博客
07-05 2579
定义：基于 cordova 框架能将web应用 (js, html, css, 图片等) 打包成 App。当 App 在终端上安装后，不需要重新下载app，实现内壳更新。 原理：1.在项目根目录的config.xml文件中添加指向服务器的地址 2.在www目录中添加chcp.json配置文件，配置指向服务器，更新时间，更新方式 步骤：（进入项目目录） 1、在cor...
ionic 热更新插件cordova-hot-code-push的使用
热门推荐
我真的是青蛙的专栏
08-30 1万+
先安装插件，步骤如下 1、在APP目录下运行cordova plugin add cordova-hot-code-push-plugin 2、在APP目录下运行cordova plugin add cordova-hot-code-push-local-dev-addon 3、安装CLI：npm install -g cordova-hot-code-push-cli
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值