JSSDK实现微信分享

微信网页开发需要用到开发工具包JS-SDK,借用该工具包可以实现微信的扫一扫、分享、拍照、选图等功能

JSSDK使用步骤：

• 绑定域名：登录微信公众平台，在公众号设置中填写JS接口安全域名

• 引入js文件：在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.6.0.js

  如需进一步提升服务稳定性，当上述资源不可访问时，可改访问：http://res2.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）。

通过config接口注入权限验证配置

wx.config({
  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
  appId: '', // 必填，公众号的唯一标识
  timestamp: , // 必填，生成签名的时间戳
  nonceStr: '', // 必填，生成签名的随机串
  signature: '',// 必填，签名
  jsApiList: [
  	'updateAppMessageShareData', // 自定义分享给朋友、QQ
  	'updateTimelineShareData'  //自定义分享给朋友圈、QQ空间
  ] // 必填，需要使用的JS接口列表
});

通过ready（）处理成功验证

wx.ready(() => {
	// config信息验证成功后执行该函数
	wx.updateAppMessageShareData({  //分享给朋友
		title: '', // 分享标题
    	desc: '', // 分享描述
    	link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    	imgUrl: '', // 分享图标
    	success: () => {
    		//注意：这里只是设置成功，并不是分享成功
  		},
  	});
  	//再加上分享到朋友圈接口

注意：微信分享功能从19年6月份起，无法判断用户是否点击了分享按钮，也无法判断是否分享成功。

通过error（）处理失败验证

wx.error(res => {
	//	config信息验证失败，执行该error函数
})

检查客户端版本是否支持该js接口

wx.checkJsApi({
  jsApiList: ['updateAppMessageShareData'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
  success: function(res) {
  // 以键值对的形式返回，可用的api值true，不可用为false
  // 如：{"checkResult":{"updateAppMessageShareData":true},"errMsg":"checkJsApi:ok"}
  }
});