目录

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

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

(这里以我大学期间自研的微信小程序为例:

南苑口袋

效果图:

https://i-blog.csdnimg.cn/blog_migrate/d75ef101667e3088d3028ac06f1486ae.png https://i-blog.csdnimg.cn/blog_migrate/05fcdb32062b8ac9c7c75e301b833f38.jpeg

教程:

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

https://i-blog.csdnimg.cn/blog_migrate/f3c04e760e1f1a44f80f0bea2a1547c2.png

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

https://i-blog.csdnimg.cn/blog_migrate/cff9e0702df0e03dbd2ee0c6496c7c6f.png

"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('用户点击取消');
							}
						}
					})
				}

注意事项:开发文档里面讲到了

「体验评价类账号」可以在小程序中适当的场景和时机通过「评价发布组件」向用户征求评价,但请确保不影响用户对小程序功能的正常使用。在30天内,每个小程序仅可向每个用户征求1次评价。

如果你觉得 这篇文章 或者 南苑口袋小程序 体验不错的话,给个五星好评吧!!谢谢泥们!!!