uniapp H5 端分享带参数

悠悠 2023-01-17 06:29 158阅读 0赞

//[点击官网查看](https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html)
    	<script>
    	import wx from 'weixin-js-sdk'; // 引入微信SDK
    	onLoad() { 
    		let local = window.location.href;
    		this.setShare(local)
    	}，
    	methods:{ 
    		// 设置分享
    			setShare(local) { 
    				let url= '/api/user/jssdk';
    				let data = { 
    					url: encodeURIComponent(local)
    				};
    				this.$request.post(url, data).then(ress => { 
    					// console.log(ress);
    					ress.data.data.debug = false;
    					// console.log('-------', wx);
    					wx.config({ 
    						...ress.data.data
    					});
    					/* 用户 */
    					
    					wx.ready(() => { 
    						console.log('resdy已经可以执行了');
    						//获取“分享给朋友”
    						wx.onMenuShareAppMessage({ 
    							title:'中信保诚', // 分享标题
    							desc:"中信保诚分享描述(可定义)", // 分享描述
    							link: `https://zhongxin.tunoble.com?pid=${ this.userInfo.pid}`, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一zhi
    							imgUrl:'https://zhongxin.tunoble.com/static/logo_xin.png', // 分享图标
    							success: function() { 
    								console.log('分享成功');
    							}
    						});
    						wx.onMenuShareTimeline({ 
    							title:'中信保诚', // 分享标题
    							link: `https://zhongxin.tunoble.com?pid=${ this.userInfo.pid}`, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一zhi
    							imgUrl:'https://zhongxin.tunoble.com/static/logo_xin.png', // 分享图标
    							success: function(){ 
    								//用户点击了分享后执行的回调函数
    								console.log('到朋友圈');
    							}
    							})
    					});
    				});
    			}
    }
    	</script>