使用 Ionic Native 集成自定义插件

最新推荐文章于 2025-04-07 18:24:45 发布

halli_

最新推荐文章于 2025-04-07 18:24:45 发布

阅读量4.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ionic native 文章标签： ionic3.x Ionic Native cordova cordova plugin @ionic-native

本文链接：https://blog.csdn.net/u012125121/article/details/78997866

本文介绍如何在Ionic 3.x项目中使用Ionic Native集成原生插件，包括其特性、用法以及如何自定义插件。通过创建和使用.d.ts文件来解决类型检查问题，实现对第三方插件如Weibo SDK的调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ionic Native

在当前版本（3.x），官方使用Ionic Native来集成使用第三方的原生插件。截止当前，Ionic Native配备了超过130个移动原生SDK插件，其中包括较为常用的摄像头、扫码、定位、文件上传下载等等，配合这些插件足以构建一个功能强大的移动应用程序。

在ionic1.x版本的时候，我们使用了ngCordova做为调用原生插件的第三方库，基于angular框架语法二次封装了本地设备接口模块，提供了70+个本地设备接口模块拓展，包括摄像头、定位、存储等等一系列原生功能，使其更容易构建、测试和部署移动应用程序。两者从数量来看，Ionic Native略胜一筹，再从另一个方面来看，native 3.0现在允许开发人员通过简单的覆盖机制来模拟和使用浏览器中的原生插件，从而可以轻松提供来自传感器的测试数据，或访问本机API。而这意味着大多数 Ionic应用程序现在完全可以在浏览器中构建，而无需部署到设备或模拟器中。当你进入ngCordova官网，会看到这么一句话 - 'New! Check out Ionic Native. It's like ngCordova but for ES6 and TypeScript.'。所以，请使用 Ionic Native 去构建我们的应用程序吧。

Ionic Native 特性

Promises and Observables：Ionic Native 默认为插件实现了Promises或Observables回调，为所有插件和本地事件变化监听提供了通用的接口。以官方定位插件为例。导入定位模块，构造器中生成实例，当设备加载完成，通过回调可以获取到当前的定位信息。再以一个观察者的身份去发起订阅，可以在定位发生变化时，收到该观察对象（位置信息）发出的通知，并做出响应。

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

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