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

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,检查,下载,弹出提示框非常慢)希望你们少走坑!谢谢

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


上一篇:AngularJS 中的 Promise 和 设计模式


下一篇:使用angularjs、ionic框架如何实现返回上一页并刷新