跨平台应用开发进阶 (四十) 自定义插件及引用
![跨平台应用开发进阶(四十)自定义插件及引用](https://static001.geekbang.org/infoq/5a/5a6a1f38fbe22b31e499f28ac39125e7.webp)
一、前言
正如将可复用功能封装为自定义组件以供他人使用一样,在uni-app
开发框架中提供了另一种形式的自定义插件,并可将该插件提交至uni-app插件市场。
二、插件制作
制作插件前,首先要清楚实现插件的基本思路:
插件需要实现什么效果;
建立插件模板,先把架子搭起来,完成插件基本样式、大致效果;
插件基本逻辑是怎样的;
准备好插件的数据输入,即分析好逻辑,定义好插件里面的数据、类型;
准备好插件的数据输出,即根据插件逻辑,做好要暴露出来的方法;
注册、调用。
三、离线插件集成应用示例
以集成听云 APM 离线插件为例,首先将离线插件放入项目目录nativeplugins
中,
![](https://static001.geekbang.org/infoq/41/4188b2773d196d4412ecc4e47662d656.jpeg?x-oss-process=image%2Fresize%2Cp_80%2Fauto-orient%2C1)
然后,在项目manifest.json
可视化视图 APP 原生插件配置中导入本地插件。
![](https://static001.geekbang.org/infoq/4d/4dcc931dcc78f6ea31df32a29989ee60.jpeg?x-oss-process=image%2Fresize%2Cp_80%2Fauto-orient%2C1)
导入成功后,可在源码视图中app-plus->nativePlugins
看到配置的插件信息。
复制代码
打开插件目录下的package.json
文件,可查看插件详细配置信息。
复制代码
并在引用处通过以下方式引入插件。
复制代码
注意⚠️:uni.requireNativePlugin()
api 中的参数为插件package.json
文件中_dp_nativeplugin.ios.plugins.name
属性值,否则会发生插件引用失败的问题。
四、拓展阅读
版权声明: 本文为 InfoQ 作者【No Silver Bullet】的原创文章。
原文链接:【http://xie.infoq.cn/article/60d162245ea5f581c857feb86】。文章转载请联系作者。
评论