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 回车。
2554 0
|
移动开发 JavaScript Java
给Ionic写一个cordova(PhoneGap)插件
    给Ionic写一个cordova(PhoneGap)插件   之前由javaWeb转html5开发,由于面临新技术,遂在适应的过程中极为挣扎,不过还好~,这个过程也极为短暂;现如今面临一些较为复杂的需求还会有一丝丝头痛,却没有一开始那么强烈了。
2062 0
|
Web App开发 移动开发 JavaScript
Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App
原文:Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App 安装VS2015 Update2的过程是非常曲折的。还好经过不懈的努力,终于折腾成功了。 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错。
1927 0
|
JavaScript 前端开发 Android开发
cordova ,ionic 中cordova.js 提示deviceready has not fired after 5 seconds
我用的是ionic start 命令生成项目 ,用  cordova create 也是可以的。
1965 0
|
JavaScript 开发工具 Python
使用cordova+Ionic+AngularJs进行Hybird App开发的环境搭建手册
一,所需工具       1,JDK:生成     2,安卓SDK开发环境     3,NodeJs:主要使用的还是npm     4,Python开发环境     5,VS 2012(2008,2015也可以,已亲测):安装这个主要是需要一些.net的东西,也没具体查是啥,图个省事。
1583 0
|
Android开发
ionic3项目实战教程 - 第13讲 ionic3社交分享(QQ分享和微信分享)
ionic3项目实战教程 - 第13讲 ionic3社交分享(QQ分享和微信分享) 图片发自简书App 这一讲主要包含以下几个部分: 1.在微信开放平台创建应用获得wechatappid; 2.
1567 0
|
Android开发 iOS开发
ionic3项目实战教程 - 第12讲 ionic3制作icon和splash
这一讲主要包含以下几个部分: 1.设计icon; 2.设计splash; 3.生成各个平台各个尺寸的icon和splash; 1.设计icon 来,打开你的PS,新建-文件,像素为1024*1024,背景透明,确定; .
1329 0
|
Web App开发
ionic3项目实战教程 - 第11讲 ionic3个人中心界面设计
ionic3项目实战教程 - 第11讲 ionic3个人中心界面设计 这一讲主要包含一下几个部分: 1.个人中心ts具体代码展示; 2.个人中心html具体代码展示; 3.
1506 0
ionic3项目实战教程 - 第10讲 ionic3分类菜单设计(类似外卖)
注意,干货来了,相比前面几讲这一讲就要难以消化多了,请做好心理准备。 因为在这之前,经常看到有群友在求这种分类菜单的组建,今天我就为大家再造一个轮子 [微笑脸]。
1248 0