如何在 Angular 1.5 中使用 Ionic Cloud

How to use Ionic Cloud with Angular 1.5

我已经走到了死胡同,我不确定如何继续。我在 Angular 1.5.9 上开发了我的 Web 应用程序。我刚刚使用 ionic start app_name 将我的 Web 应用程序移植到 Ionic 应用程序。一切正常。但是,我的下一步是设置 deploy 和离子服务。起初我尝试添加 ionic add ionic-platform-web-client。但自从它被弃用并阅读最近的 docs,我明白我现在应该使用 ionic cloud。所以我使用 npm install @ionic/cloud-angular --save 安装了 ionic cloud。然后我得到依赖错误说:

├── UNMET PEER DEPENDENCY @angular/core@^2.1.1 || ^4.0.0

所以进一步研究,我意识到我需要有 Angular 2 并且要完成 ionic cloud 配置,我还需要更新 src/app/app.module.ts 文件。我的问题是:

当我的 Web 应用程序使用 Angular 1.5.6 时,如何使用 Angular 2?将我的 Angular 1.5 应用重写为 Angular 2 是不可行的。我可以同时使用两者吗?如果是这样,如何?我该如何解决?

任何帮助都会很棒,因为我找不到任何关于在 Angular 1.5 中使用最新离子云的信息。我当前的设置是:

Cordova CLI: 6.5.0 
Ionic CLI Version: 2.2.2
Ionic App Lib Version: 2.2.1
ios-deploy version: 1.9.1
ios-sim version: 5.0.13 
OS: macOS Sierra
Node Version: v7.9.0
Xcode version: Xcode 8.3.2 Build version 8E2002
Angular: 1.5.9

Ionic Cloud Client 可与 Ionic 1 / Angular 1.5 一起使用。这就是我所做的:

安装离子云:

npm install @ionic/cloud --save

复制文件到www/lib目录:

cp node_modules/@ionic/cloud/dist/bundle/ionic.cloud.min.js www/lib

在项目的 index.html 中包含 link:

<script src="lib/ionic.cloud.min.js"></script>

设置平台为您的应用分配唯一的应用 ID 和 api 密钥:

ionic io init

安装Caodova的部署插件:

cordova plugin add ionic-plugin-deploy --save

将 Deploy 依赖项 ionic.cloud 注入 Angular 模块:

angular.module('application', ['ionic.cloud']) ...

在 Angular 1.5 配置文件的 .run 块中使用 $ionicDeploy 执行部署检查。

.run(function($ionicDeploy) {
       $ionicDeploy.check().then(function(snapshotAvailable) {
                if (snapshotAvailable) {
                  // When snapshotAvailable is true, you can apply the snapshot
                  $ionicDeploy.download().then(function() {
                    $ionicDeploy.extract().then(function() {
                       $ionicDeploy.load();
                    });
                  });
                }
       }); // end deploy check
};

就是这样!它比我简单。这是文档的 link 以获取更多信息:http://docs.ionic.io/setup.html#installation