uniApp 开发支付宝小程序引入订阅消息组件

景宇

于 2021-07-12 15:33:02 发布

阅读量1.4k

点赞数

分类专栏：支付宝小程序 uni-app 文章标签： uni-app 支付宝小程序订阅消息

本文链接：https://blog.youkuaiyun.com/qq_16646819/article/details/118676185

版权

支付宝小程序同时被 2 个专栏收录

1 篇文章

订阅专栏

uni-app

1 篇文章

订阅专栏

本文介绍了微信小程序中如何配置manifest.json和page.json以启用订阅消息功能，并展示了如何在页面中引入组件及通过点击事件拉起订阅。在回调函数中，对订阅结果进行处理，包括成功和失败的场景，如用户未订阅关闭弹窗和其他错误情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. manifest.json 配置

2. page.json 配置

3. 页面引入组件

<subscribe-msg/>

4. 拉起订阅

<button type="default" @click="subscribeMessage">拉起订阅</button>

const { requestSubscribeMessage } = requirePlugin('subscribeMsg');

	methods: {
        subscribeMessage() {
			let that = this
			requestSubscribeMessage({
				// 模板id列表，最多3个
				entityIds: that.templateList,
				// 接收结果的回调方法
				callback(res) {
					console.log('订阅回调', res);
					if (res.success) {
						const successIds = that.templateList.filter(i => res[i.entityId] === 'accept').map(i => i.entityId);

						// 订阅成功
						my.call('toast', {
							content: `模板${successIds.join(',')}订阅成功`,
							type: 'success'
						});
					} else {
						switch (res.errorCode) {
							case 11: {
								my.call('toast', {
									content: '用户未订阅关闭弹窗'
								});
								break;
							}
							default: {
								my.call('toast', {
									content: `ErrorCode: ${res.errorCode}, ErrorMsg: ${res.errorMessage}`
								});
								break;
							}
						}
					}
				}
			});
		}
}