uniapp引入小程序原生插件

怎么在uniapp中使用微信小程序原生插件，以收钱吧支付插件为例

1、在manifest.json里的mp-weixin中增加插件配置 "mp-weixin" : { "appid" : "你的小程序appid", "setting" : { "urlCheck" : false }, "usingComponents" : true, // 在下面配置插件 "plugins" : { "sqb-pay" : { "version" : "1.3.0", "provider" : "插件的appid" } } }, 2、在pages.json里需要映入插件的页面增加配置 { "path" : "pages/user/order/order-pay", "style" : { "navigationBarTitleText": "确认支付", "enablePullDownRefresh": false, // 微信插件配置 "mp-weixin": { "usingComponents": { "sqb-pay": "plugin://sqb-pay/sqb-pay" } } } } 3、在order-pay.vue页面使用插件即可 ...... <sqb-pay :return_url="sqbParam.return_url" :total_amount="sqbParam.total_amount" :terminal_sn="sqbParam.terminal_sn" :client_sn="sqbParam.client_sn" @navigateTo="navigateTo" :subject="sqbParam.subject" :sign="sqbParam.sign" :notify_url="sqbParam.notify_url"> <button class="bg-blue text-white mt-30 mx-auto text-xs rounded-xs w-p-60">确认支付</button> </sqb-pay> ...... <script setup lang="ts"> interface sqbPay { return_url : string, total_amount : string, terminal_sn : string, client_sn : string, // 订单号 subject : string, sign : string, notify_url?: string } let sqbParam = ref<sqbPay>({ return_url: '', total_amount: '', terminal_sn: '', client_sn: '', subject: '', sign: '' }) // 从后台获取插件的sqbParam参数 function navigateTo(e) { wx.redirectTo({ url: e.detail.url, fail(e) { console.log('err:', e) uni.showToast({ icon: 'none', title: '支付失败' }) }, }) } </script> 1、在manifest.json里