!!!!注:
在公众号菜单中的链接打开并分享后才能显示正常图文；APP分享图文内容到微信好友时是图文，那打开该链接后分享的也是图文；把链接换成二维码，扫码后进入分享也是图文。如果是用微信直接打开链接分享会是链接。
微信打开h5网页右上角分享功能需要前端和后台配合实现功能
后台工作: 根据微信网页开发文档撰写一个接口返回一个对象给前端, 以下为返回结果
{appId: '', // 公众号的唯一标识,需要注册公众号提供appidtimestamp: '', // 生成签名的时间戳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 为测试版 可查看配置成功或失败的信息 正式使用时需要改为falseappId: data.appId, // 必填，公众号的唯一标识,需要注册公众号提供appidtimestamp: data.timestamp, // 必填，生成签名的时间戳nonceStr: data.nonceStr, // 必填，生成签名的随机串signature: data.signature,// 必填，签名，见附录1jsApiList: ['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))}})})}
