如何在Angular 1.5中使用Ionic Cloud

时间:2017-04-23 10:26:51

标签: angularjs ionic-framework ionic2 ionic-cloud

我已经达到了一个死胡同,我不知道该怎么办。我在Angular 1.5.9上开发了我的Web应用程序。我刚刚使用ionic start app_name将我的网络应用程序移植到Ionic App。一切都在发挥作用。但是,我的下一步是设置deploy和离子服务。起初我尝试添加ionic add ionic-platform-web-client。但是由于它已被弃用并且从阅读最近的docs开始,我知道我现在应该使用离子云。所以我使用npm install @ionic/cloud-angular --save安装了离子云。然后我得到依赖性错误说:

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

因此,我进一步研究,我意识到我需要使用Angular 2并完成离子云配置,我还需要更新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

1 个答案:

答案 0 :(得分:1)

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

安装Ionic Cloud:

npm install @ionic/cloud --save

将文件复制到www/lib目录:

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

在项目index.html中添加

中的链接
<script src="lib/ionic.cloud.min.js"></script>

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

ionic io init

安装Caodova的部署插件:

cordova plugin add ionic-plugin-deploy --save

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

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

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

.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
};

多数民众赞成!它比我简单。以下是文档的链接以获取更多信息:http://docs.ionic.io/setup.html#installation