uni-app如何使用原生微信小程序插件完整流程说明

插件在程序开发中占据中极为重要的作用,通过插件的使用可以极大程度的减轻工作量及规范工作流程。

因此对于插件的使用,自然也就成了开发中必备的操作流程。那么在uni-app多端框架开发中,如果要使用到微信小程序原生插件的应用,我们又要如何处理呢?

本篇文章就来介绍在uni-app开发中,如何使用微信小程序原生插件。

一、微信小程序后台搜索并添加插件

    1.1、登录微信小程序管理后台

    1.2、设置-第三方设置-插件管理;添加插件

    1.3、搜索插件的AppID,进行添加

    1.4、添加后,等待审核通过后即可在代码中使用。

二、uni-app中在manifest.json配置插件信息

    2.1、打开manifest.json源码视图,配置如下

/* 小程序特有相关 */
"mp-weixin" : {
...
// 在下面配置插件
"plugins" : {
"myPlugin" : {//插件名称:如myPlugin
"version" : "插件版本",
"provider" : "插件APPID"
}
}
...
}

三、uni-app中pages.json中配置

    pages.json文件中指定页面中引入插件及使用,代码如下:

...
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页",
"onReachBottomDistance":100,
"mp-weixin": {
"usingComponents": {
"scenic-area": "plugin://myPlugin/scenic"
}
}
}
}
...

页面中使用插件

<scenic-area></scenic-area>

通过上述三步即可实现,在uni-app多端框架中使用原生微信小程序插件。

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!