天天看點

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,檢查,下載下傳,彈出提示框非常慢)希望你們少走坑!謝謝

繼續閱讀