实现h5网页微信分享、朋友圈分享功能（微信右上角分享）

!!!!注: 

1. 在公众号菜单中的链接打开并分享后才能显示正常图文；
2. APP分享图文内容到微信好友时是图文，那打开该链接后分享的也是图文；
3. 把链接换成二维码，扫码后进入分享也是图文。如果是用微信直接打开链接分享会是链接。

微信打开h5网页右上角分享功能需要前端和后台配合实现功能

后台工作: 根据微信网页开发文档撰写一个接口返回一个对象给前端, 以下为返回结果

{
    appId: '', // 公众号的唯一标识,需要注册公众号提供appid
    timestamp: '', // 生成签名的时间戳
    nonceStr: '', // 生成签名的随机串
    signature: '' // 签名
}

前端工作: 

1. 获取微信网页SDK

npm install jweixin-module -S

2. 引入SDK,并进行相关配置 

import wx from 'jweixin-module';

wxShareConfig({title, desc, link, imgUrl}){
    // 从后台异步获取的数据对象
    let data = {
        appId: '',
        timestamp: '',
        nonceStr: '',
        signature: ''
    }
    wx.config({
	  debug: true, // true 为测试版 可查看配置成功或失败的信息 正式使用时需要改为false
	  appId: data.appId, // 必填，公众号的唯一标识,需要注册公众号提供appid
	  timestamp: data.timestamp, // 必填，生成签名的时间戳
	  nonceStr: data.nonceStr, // 必填，生成签名的随机串
	  signature: data.signature,// 必填，签名，见附录1
	  jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 updateAppMessageShareData
	});
	wx.ready(()=>{
        // 分享到微信好友内容设置
		wx.updateAppMessageShareData({
			title, // 分享标题
			desc, // 分享内容的摘要
			link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
			imgUrl, // 分享图标
			success: function () {
                alert('设置成功, 设置成功之后, 在当前网页点击微信右上角分享时就是你设置的内容')
            },
            fail: function (reject) {
                alert(JSON.stringify(reject))
            }
		})
        // 分享到微信朋友圈的内容设置
		wx.updateTimelineShareData({
			title, // 分享标题
			link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
			imgUrl, // 分享图标
			success: function () {
                alert('设置成功, 设置成功之后, 在当前网页点击微信右上角分享时就是你设置的内容')
            },
            fail: function (reject) {
                alert(JSON.stringify(reject))
            }
		})
	})
}