比如接入商家消息的插件:https://opendocs.alipay.com/mini/01rnqx

准备工作:先按照上面的操作购买添加插件到指定的小程序

开入接入:
在这里插入图片描述

如果使用uniapp,以上几个步骤要稍微调整下:

第二步原本在app.json中添加插件在uniapp开发中需要换到manifest.json中(unapp项目根本下就有)

找到支付宝小程序的配置:

"mp-alipay": {
		"usingComponents": true,
		"appid": "appid",
		"uniStatistics": {
			"enable": true
		},
		// 这是从支付宝文档上copy过来的,什么也不用改
		"plugins": {
			"subscribeMsg": {
				"version": "*",
				"provider": "2021001155639035" // 消息订阅插件 appid,固定为 2021001155639035
			}
		}
	},

第三步在页面挂载组件,这是放在page.json中的,需要注意的是usingComponents是放在style下面的,之前放在style的外面一直提示页面没有添加组件

{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "",
				"usingComponents": {
				"subscribe-msg": "plugin://subscribeMsg/subscribe-msg"
				}
			}
			
}
		

第四步在vue页面添加刚才挂载的组件和调用组件

<button @click="call_method">唤起组件</button> 
<!-- #ifdef MP-ALIPAY -->
<subscribe-msg />
<!-- #endif -->

js中把插件的方法引入以及触发

const { requestSubscribeMessage } = requirePlugin('subscribeMsg');
export default {
  data() {
    return {}
  },
  method:{
    call_method(){
      	requestSubscribeMessage({
			entityIds:['template_id'],
				callback(res) {
					console.log(res);
				}
			})
    },
  },
}

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐