Cordova原生插件Ionic Framework

概述(Overview)

2017-06-28  本文已影响11人  待花谢花开

Ionic Native是Cordova / PhoneGap插件的一种TypeScript包装器,可以让您的Ionic移动应用程序轻松添加所需的任何原生功能。

Promises and Observables(承诺和可观察)

Ionic Native在Promise或Observable中包装插件回调,为所有插件提供通用接口,并确保原生事件在angular中触发更改检测。


import { Geolocation } from '@ionic-native/geolocation';

import { Platform } from 'ionic-angular';

class MyComponentOrService {

  constructor(private platform: Platform, private geolocation: Geolocation) {

    platform.ready().then(() => {

      // get current position

      geolocation.getCurrentPosition().then(pos => {

        console.log('lat: ' + pos.coords.latitude + ', lon: ' + pos.coords.longitude);

      });

      const watch = geolocation.watchPosition().subscribe(pos => {

        console.log('lat: ' + pos.coords.latitude + ', lon: ' + pos.coords.longitude);

      });

      // to stop watching

      watch.unsubscribe();

    });

  }

}

Runtime Diagnostics(运行时诊断)

诊断问题只是为了实现一个插件没有被触发或安装而花费的时间太长? Ionic Native让您知道问题是什么以及如何解决问题。

Installation(安装)

要将Ionic Native添加到您的应用程序,请运行以下命令来安装核心包:

npm install @ionic-native/core --save

请注意,默认情况下,每个Ionic应用程序都会包含Ionic Native核心软件包。

Usage(用法)

Install the Needed Plugins(安装需要的插件)

为要添加的每个插件安装Ionic Native包。

例如,如果要安装Camera插件,则需要运行以下命令:

npm install @ionic-native/camera --save

然后使用Cordova或者Ionic命令行安装插件。

例如:

ionic cordova plugin add cordova-plugin-camera

所有包名称都记录在插件的文档中。 建议按照每个插件文档的安装说明进行操作,因为某些插件需要额外的步骤来完全安装。

Add Plugins to Your App's Module(添加插件到你的APP模型)

安装插件的包后,将其添加到应用程序的NgModule中。

... 
import { Camera } from '@ionic-native/camera'; 
...
 @NgModule({ 
...
 providers: [ 
...
Camera 
...
] 
...
 })
 export class AppModule { } 
上一篇下一篇

猜你喜欢

热点阅读