uniapp h5微信分享

最新推荐文章于 2025-06-26 15:28:12 发布

原创最新推荐文章于 2025-06-26 15:28:12 发布 · 349 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

uniapp 专栏收录该内容

45 篇文章

订阅专栏

本文介绍如何安装并使用微信SDK实现网页分享功能。通过npm安装jweixin模块后，利用navigator.userAgent判断是否处于微信环境中，并通过后端接口获取配置信息，完成分享设置。

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

安装微信sdk

npm install jweixin-module --save

var jweixin = require('jweixin-module');
var ua = navigator.userAgent.toLowerCase();
			if (ua.match(/MicroMessenger/i) == "micromessenger") {
				// console.log("微信环境") 
				//this.getactivitys(); // 首页数据

				let parameter = {};
				parameter.url = window.location.href;
				// parameter.url = 'http://brand.soutoupiao.com/?a=1435787066279645186';
				// console.log(parameter.url,"当前页面地址");
				parameter.apis = ['onMenuShareTimeline', 'onMenuShareAppMessage'];
				uni.request({
					url: '###', //这里不是统一的，看你们后端
					method: 'POST',
					data: JSON.stringify(parameter),
					success: (res) => {
						console.log(res, "返回的数据");
						jweixin.config({
							debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
							appId: res.data.appId, // 必填，公众号的唯一标识
							timestamp: res.data.timestamp, // 必填，生成签名的时间戳
							nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
							signature: res.data.signature, // 必填，签名
							jsApiList: res.data.jsApiList // 必填，需要使用的JS接口列表
						});
						jweixin.ready(() => {
							// console.log('wx ready');
							jweixin.onMenuShareAppMessage({
								title: `标题`, // 分享标题
								desc: `描述`, // 分享描述
								link: parameter.url, //分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
								imgUrl: "分享图标", // 分享图标
								success: function() {
									// alert('感谢您的分享');
								},
								cancel: function() {
									// alert('分享失败');
								}
							});
							jweixin.onMenuShareTimeline({
								title: `标题`, // 分享标题
								desc: `描述`, // 分享描述
								link: parameter.url, // 分享链接
								imgUrl: "分享图标", // 分享图标
								success: function() {
									// alert('感谢您的分享');
								},
								cancel: function() {
									// alert('分享失败');
								}
							});
						});
					}
				})


			}