ionic/cordova热部署

简介: 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/inforstack/article/details/72462150 简介Cordova热代码推送插件提供了在应用程序中执行基于Web的内容的自动更新的功能。
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/inforstack/article/details/72462150

简介

Cordova热代码推送插件提供了在应用程序中执行基于Web的内容的自动更新的功能。基本上,www可以使用此插件更新存储在Cordova项目文件夹中的所有内容。

当您在商店上发布应用程序时,您可以将所有网页内容都包含在其中:html文件,JavaScript代码,图像等。有两种方法可以更新它:

  1. 在商店上发布新版本的应用程序。但是需要时间,尤其是App Store。
  2. 牺牲离线功能并在线加载所有网页。但是一旦Internet连接断开 - 应用程序将不起作用。

这个插件旨在解决所有这些。当用户第一次启动应用程序时 - 将所有Web文件复制到外部存储器上。从这一刻起,所有页面都从外部文件夹加载,而不是从打包的装载。每个启动插件都连接到您的服务器,并检查是否有新版本的Web项目可供下载。如果是这样 - 它将其加载到设备上,并在下次启动时安装。

因此,您的应用程序尽快接收到Web内容的更新,并且仍然可以在离线模式下工作。此外,插件允许您指定Web版本和本机版本之间的依赖关系,以确保该新版本适用于旧版本的应用程序。

目前的插件支持以下平台:

  • Android 4.0.0以上版本
  • iOS 7.0或更高版本 需要Xcode 7。

快速入门

  1. 使用命令行界面创建新的Cordova项目并添加iOS / Android平台:
 
  
cordova create demo com.inforstack.demo demo
cd ./demo
cordova platform add android cordova platform add ios
  1. 添加插件:
cordova plugin add cordova-hot-code-push-plugin
  1. 添加用于本地开发的插件:
cordova plugin add cordova-hot-code-push-local-dev-addon
  1. 安装Cordova Hot Code Push CLI客户端:
npm install -g cordova-hot-code-push-cli
  1. 启动本地服务器,执行:
cordova-hcp server

因此,将看到如下:

Running server
Checking:  /Cordova/demo/www
local_url http://localhost:31284
Warning: .chcpignore does not exist.
Build 2017.05.02-18.10.48 created in /Cordova/demo/www
cordova-hcp local server available at: http://localhost:31284
cordova-hcp public server available at: https://inforstack.com

  1. 打开新的控制台窗口,转到项目根目录并启动应用程序:
cordova run

等待两个平台启动应用程序。

  1. 现在打开demo项目www文件夹的index.html页面,更改其中的东西并保存。几秒钟后,您将看到已启动的设备(仿真器)上的更新页面。

从这一点上,可以进行本地开发,其中所有更改都会上传到设备上,而无需在每次更改时重新启动应用程序。


PS:Ionic热部署也和上面一样的方式


相关文章
|
Web App开发 Java 开发工具
ionic和cordova初探--从安装到运行首个app
好多人说ionic好用,一直要推荐我用,我就不信了,来安装玩一下试试效果。实践出真知!安装过程各种坑,工具太多了,太麻烦了,差点放弃(还好坚持下来呢)。 1.安装node 许多前端工具的安装都依赖于node的包管理器npm,Node官网: https://nodejs.org/ 安装完成后在cmd中输入 npm -v 回车。
2426 0
|
移动开发 JavaScript Java
给Ionic写一个cordova(PhoneGap)插件
    给Ionic写一个cordova(PhoneGap)插件   之前由javaWeb转html5开发,由于面临新技术,遂在适应的过程中极为挣扎,不过还好~,这个过程也极为短暂;现如今面临一些较为复杂的需求还会有一丝丝头痛,却没有一开始那么强烈了。
1968 0
|
Web App开发 移动开发 JavaScript
Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App
原文:Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App 安装VS2015 Update2的过程是非常曲折的。还好经过不懈的努力,终于折腾成功了。 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错。
1795 0
|
JavaScript 前端开发 Android开发
cordova ,ionic 中cordova.js 提示deviceready has not fired after 5 seconds
我用的是ionic start 命令生成项目 ,用  cordova create 也是可以的。
1779 0
|
JavaScript 开发工具 Python
使用cordova+Ionic+AngularJs进行Hybird App开发的环境搭建手册
一,所需工具       1,JDK:生成     2,安卓SDK开发环境     3,NodeJs:主要使用的还是npm     4,Python开发环境     5,VS 2012(2008,2015也可以,已亲测):安装这个主要是需要一些.net的东西,也没具体查是啥,图个省事。
1484 0
|
JavaScript 前端开发 Android开发
Ionic 开发中遇到的常见问题及解决方案
Ionic 常见问题及解决方案
8382 0
|
Web App开发 索引
Ionic 2 开发(一)_安装与目录结构
由于公司开始使用后ionic 进行前段开发,现在需要学习下ionic,虽然是后台开发,但是还是有必要了解下的 安装Node.js 官网:http://nodejs.cn/ 自行下载安装 安装Ionic npm install -g cordova npm install -g ionic 设置淘宝镜像 npm config set registry https://registry.
1100 0
|
缓存 JavaScript Android开发
Ionic 1 & 2 开发常见问题 Q&A
原文发表于我的技术博客 本文分享了在 Ionic 1 & 2 版本开发过程中常见问题的一些 Q&A,供慕课网同学或其他朋友参考。原文发表于我的技术博客 1. 版本的问题 Ionic 2 目前属于快速迭代更新的版本,版本的更新会带来如文件结构和少许代码的变更,不过底层还是构建于 Angular 2 ...
1537 0