微信小程序、uniapp手动引入微信官方的评价组件

最新推荐文章于 2025-02-20 17:19:32 发布

Lulu_yo

最新推荐文章于 2025-02-20 17:19:32 发布

阅读量2.2k

点赞数 9

文章标签：微信小程序 uni-app 小程序

本文链接：https://blog.csdn.net/Lulu_yo/article/details/136658204

版权

本文介绍了如何在微信小程序（如南苑口袋）中集成评价组件，包括登录微信公众平台、添加插件到manifest.json/app.json以及触发评价的条件和注意事项。开发者需注意控制评价请求次数，以优化用户体验。

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

（这里以我大学期间自研的微信小程序为例：南苑口袋）

效果图：

教程：

1.登录微信公众平台，，搜索评价组件，然后添加插件（需要申请，秒通过）

2.在uniapp中的manifest.json中添加以下代码，原生微信小程序的话在app.json中添加（在下面直接复制）

"plugins": {
			"wxacommentplugin": {
				"version": "latest",
				"provider": "wx82e6ae1175f264fa"
			}
		}

3.选择想在什么地方弹出评价组件，可以自己选择（这里我演示《南苑口袋》小程序中，我的随机抽菜功能，点击事件10次之后触发）

if (this.click > 10) {
					uni.showToast({
						title: '您已经换了10家,就它了!',
						icon: 'none'
					})
					this.value = false
					uni.showModal({
						title: '非常温馨的一个提示',
						content: '给作者一个五星好评吧！^0^',
						cancelText: '下次再吧',
						confirmText: '必须五星',
						success: function(res) {
							if (res.confirm) {
								var plugin = requirePlugin("wxacommentplugin");
								plugin.openComment({
									// wx_pay_id: '4200001729202306024807578', // 交易评价类账号选填
									success: (res) => {
										console.log('plugin.openComment success', res)
									},
									fail: (res) => {
										console.log('plugin.openComment fail', res)
									}
								})
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					})
				}