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



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值