uni-app 微信公众号内嵌H5 自定义分享开发踩坑

// cmd 安装
npm install jweixin-module --save  



// 需要引入的位置引入
let jweixin = require('jweixin-module') 

复制代码

// 在html的 head头部
<script src="http://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>


// 使用dom方式 在onLoad() 中使用
var hm = document.createElement("script");
hm.src = "https://res2.wx.qq.com/open/js/jweixin-1.6.0.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
复制代码

// 调用的页面
import weixinModule from "./weixinModule.js"


onLoad() {
    weixinModule.WXConfig(this);
}
复制代码

// weixinModule.js
var jweixin = require('jweixin-module')
function WXConfig(_this){
//这个URL 路径中不可以带有hash值 即不能又 #后面的的内容（包含#）
//这里使用到了encodeURIComponent() 下文中会说明原因为什么要使用它
let URL = window.encodeURIComponent(location.href.split('#')[0])
		console.log(URL);
	
	_this.api({
		url: URL //我这里将当前页面的URL传给后端进行签名
	}).then(response => {
		console.log('response', response);
		let res = response.data
		
		if (res.codes === '200') {
			
			jweixin.config({
                          debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 
                          appId: res.appId, // 和获取Ticke的必须一样------必填，公众号的唯一标识
                          timestamp: res.timestamp, // 必填，生成签名的时间戳
                          nonceStr: res.nonceStr, // 必填，生成签名的随机串
                          signature: res.signature, // 必填，签名，见附录1
                          //需要分享的列表项:发送给朋友，分享到朋友圈，分享到QQ，分享到QQ空间
                          jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"]
                        });
			jweixin.ready(function(){
				// 分享给朋友
				jweixin.updateAppMessageShareData({ 
				    title: '快看！这里有个帅哥', // 分享标题
				    desc: '你看我帅不帅', // 分享描述
					 // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
				    link: 'http://你的域名/index?inviteCode=2222',//这里可带参数，必须是同配置的JS安全域名一致
					imgUrl:'http://你的域名/images/shuai.png',// 必须是同配置的JS安全域名一致
				    success: function () {}
				})
			})
			wx.error(function(res){
			  // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
			  console.log("出现错误了", res);
			});
		}
	})
}


export default {
	WXConfig
}
复制代码