使用uniapp开发微信小程序调用插件的配置指南
首先我们需要在manifest.json的源码视图中找到微信小程序的特有配置，如下代码：/* 小程序特有相关 */
"mp-weixin" : {
"appid" : "wxappid",
"setting" : {
"urlCheck" : false,
"es6" : true,
"postcss" : true,
"minified" : true
},
"usingComponents" : true,
"permission" : {
"scope.userLocation" : {
"desc" : "您的位置将用于更好的为您提供服务"
}
},
"requiredPrivateInfos" : [ "chooseLocation" ],
"lazyCodeLoading" : "requiredComponents",
"plugins" : {
"fshows-cash-plugin" : {
"version": "1.0.7",
"provider": "wx21efb7c54d4729d6"
}
}
},这里我引入的是付呗支付插件，代码如下：
"plugins" : {
"fshows-cash-plugin" : {
"version": "1.0.7",
"provider": "wx21efb7c54d4729d6"
}
}然后我们在相关的页面使用付呗支付插件，比如在order.vue页面使用，我们需要先在pages.json中找到这个页面的配置，并添加引用付呗组件，代码如下：
{
"path": "pages/business/order",
"style": {
"navigationBarTitleText": "业务登记",
"h5": {
"titleNView": false
},
"mp-weixin": {
"usingComponents": {
"fs-cash-item": "plugin://fshows-cash-plugin/fs-cash-item"
}
}
}
},然后在order.vue页面写付呗组件，代码如下：
<!-- #ifdef MP-WEIXIN -->
<fs-cash-item :orderSn="orderSn" @paySucceed="onPaySucceed" @payFail="onPayFail" />
<!-- #endif -->接口返回的orderSn动态赋值。
页:
[1]