ionic 的部署与更新至更新www文件

简介: 1 注册 ionic账号2创建项目(废话)$ ionic start deploy-tutorial tabs$ cd deploy-tutorial$ ionic io init$ ionic serve...

1 注册 ionic账号


2创建项目(废话)

$ ionic start deploy-tutorial tabs
$ cd deploy-tutorial
$ ionic io init
$ ionic serve --lab
3 加入2个插件

ionic add ionic-platform-web-client

ionic plugin add ionic-plugin-deploy
记得index.html加入

<script src="lib/ionic-platform-web-client/dist/ionic.io.bundle.min.js"></script>

4 app.js文件

.run(function($ionicPlatform, $ionicPopup) {
  $ionicPlatform.ready(function() {

    var deploy = new Ionic.Deploy();
    deploy.setChannel("dev");
    deploy.watch().then(function() {}, function() {},
        function(hasUpdate) {
          if (hasUpdate) {
            deploy.download().then(function () {
              deploy.extract().then(function () {
                deploy.unwatch();
                $ionicPopup.show({
                  title: '有更新哦',
                  subTitle: '新更新文件已经下载好了,您要现在重启应用享受最新的功能吗?',
                  buttons: [
                    {text: '等一下'},
                    {
                      text: '重启',
                      onTap: function (e) {
                        deploy.load();
                      }
                    }]
                });
              });
            });

          } else {
          }


        });
  });
})

5上传你的应用(如果没登陆,这里会要求你登陆ionic账号)deploy部署渠道,通过ionic登陆官网个人中心,是可以修改渠道的,默认有dev  staging  production

ionic upload --note "upload project3" --deploy=dev


上传完成,就可以去ionic官网查看你的上传,然后找到你上传的项目部署,或则会滚以前版本,(坑的地方就是,国外的服务器,用户进去app,检查,下载,弹出提示框非常慢)希望你们少走坑!谢谢



目录
相关文章
|
JavaScript 前端开发 Android开发
Ionic 开发中遇到的常见问题及解决方案
Ionic 常见问题及解决方案
8358 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.
1089 0
|
Web App开发 移动开发 JavaScript
Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App
原文:Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App 安装VS2015 Update2的过程是非常曲折的。还好经过不懈的努力,终于折腾成功了。 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错。
1785 0
|
缓存 JavaScript Android开发
Ionic 1 & 2 开发常见问题 Q&A
原文发表于我的技术博客 本文分享了在 Ionic 1 & 2 版本开发过程中常见问题的一些 Q&A,供慕课网同学或其他朋友参考。原文发表于我的技术博客 1. 版本的问题 Ionic 2 目前属于快速迭代更新的版本,版本的更新会带来如文件结构和少许代码的变更,不过底层还是构建于 Angular 2 ...
1524 0
ionic开发之用户头像修改-图片选择与上传
用户头像修改,图片选择上传,非常常用的功能,本来打算和wap版一样,也用XMLHttpRequest和FormData来处理图片异步上传,结果在手机上测试的时候发现,onload事件没有触发,没找到原因,本来想省点事才不用插件去实现这个功能的,这下看来只能用插件了。
1686 0
|
移动开发 前端开发 JavaScript
【技术干货】前端开发之IONIC移动端开发
Ionic是一套HTML5 Hybrid Mobile应用开发框架,本文给大家介绍的是如何在MAC下搭建Ionic开发平台和开发移动端应用。快点戳进来看看吧~
5981 0
|
前端开发 JavaScript iOS开发
ionic react-native和native开发移动app到底那个好
ionic react-native和native开发移动app那个好 ? 移动端开发如何选型?这里介绍一下我眼中的ionic,react-native,native 三种移动端开发选型对比。欢迎大家补充指正一、 跨平台特性    ionic : write once, run anywhere (...
1198 0
|
JavaScript 开发工具 Python
使用cordova+Ionic+AngularJs进行Hybird App开发的环境搭建手册
一,所需工具       1,JDK:生成     2,安卓SDK开发环境     3,NodeJs:主要使用的还是npm     4,Python开发环境     5,VS 2012(2008,2015也可以,已亲测):安装这个主要是需要一些.net的东西,也没具体查是啥,图个省事。
1471 0
|
移动开发 前端开发 JavaScript
公开课--通过Ionic开发跨终端应用
<p></p> <h1> <span style="font-family:宋体; font-size:22pt">1 <span style="font-family:宋体">现在的</span><span style="font-family:Calibri">app</span><span style="font-family:宋体">开发类型有几种?</span></span><
2486 0
下一篇
无影云桌面