uni-app实现公众号分享朋友和朋友圈

下载 https://unpkg.com/jweixin-module@1.4.1/out/index.js
然后改了名字为jweixin-module

1.在onload里最后调取分享方法

this.h5Share();

2.引入库



h5Share(){
				var wx = require('../../static/js/jweixin-module')  引入jweixin-module.js文件
				uni.hideLoading();
				console.log(uni.getStorageSync("login_token"))
				let _this=this;
				let pageUrl=``;
				uni.request({
					url:'',
					method: 'POST',
					data: {
						id:'',
						pUserId:''
					},
					header: {
						'content-type': 'application/json',
						'Authorization': uni.getStorageSync("login_token")
					},
					success:(res)=> {
						
					}
				})
				uni.request({
					url: '',
					method: 'POST',
					data: {
						pageUrl: pageUrl.toString()
					},
					header: {
						'content-type': 'application/x-www-form-urlencoded',
						'Authorization': uni.getStorageSync("login_token")
					},
					success:(res)=> {
						console.log(res.data)
						
						let s = res.data.data
						let _this=this;
						
						wx.config({
							debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
							appId:s.appId.', // 必填,公众号的唯一标识
							timestamp: s.timeStamp, // 必填,生成签名的时间戳
							nonceStr: s.nonceStr, // 必填,生成签名的随机串
							signature: s.paySign,// 必填,签名
							jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"] // 必填,需要使用的JS接口列表
						});
						wx.ready(()=> {
							wx.updateAppMessageShareData({
								title:_this.sharedata.strShareTitle, // 分享标题
								desc: '', // 分享描述
								link: pageUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
								imgUrl:  _this.sharedata.strShareImageUrl, // 分享图标									
								success: function (data) {
								  // 设置成功
									console.log('updateAppMessageShareData success:', data);
								},
								fail: function(error) {
									console.log('updateAppMessageShareData error:', error);
								}
							});
							wx.updateTimelineShareData({
								title: _this.sharedata.strShareTitle, // 分享标题
								desc: '', // 分享描述
								link: pageUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
								imgUrl: _this.sharedata.strShareImageUrl, // 分享图标
							})
						});
						wx.error(function(res){
							console.log(res)
						});
					}
				});
			},	
			
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐