如何在 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
我已经走到了死胡同,我不确定如何继续。我在 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