微信浏览器设置网页转发

js部分

包含转发标题、描述文字、图片

var appId = "";
var timestamp = "";
var nonceStr = "";
var signature = "";

// 通过meta获取转发副标题
var description = document.querySelector('meta[name="description"]').getAttribute("content");
// 通过meta设置转发图
var shareImg = "https://xxxx" + document.querySelector('meta[name="shareImg"]').getAttribute("content");
// 转发主标题
var title = document.title;
// 转发链接
var winLink = window.location.href; 

$(function () {
  // 接口获取公众号的加密数据
  $.ajax({
    type: "POST",
    url: "/xxx",
    data: { shareUrl: encodeURIComponent(window.location.href) },
    dataType: "json",
    success: function (jsonData) {
      if (jsonData.retCode == "0000") {
      // 设置必备数据
        timestamp = jsonData.data.timestamp;
        appId = jsonData.data.appId;
        nonceStr = jsonData.data.nonceStr;
        signature = jsonData.data.signature;
        //	alert("timestamp:"+timestamp+" appId:"+appId+" nonceStr:"+nonceStr+" signature:"+signature);
      } 
      else {};
      // 需要设置
      wx.config({
        debug: false, // 开启调试模式
        appId: appId, // 必填，公众号的唯一标识
        timestamp: timestamp, // 必填，生成签名的时间戳
        nonceStr: nonceStr, // 必填，生成签名的随机串
        signature: signature, // 必填，签名，见附录1
        jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage"], // 必填，需要使用的JS接口列表
      });

      wx.ready(function () { 
        var oldLink = winLink.split('/');
        oldLink.pop();
        oldLink.push("index.html");
        var shareLink = oldLink.join('/');
        wx.onMenuShareAppMessage({
          title: title, // 分享标题
          desc: description, // 分享描述
          link: shareLink, // 分享连接
          imgUrl: shareImg, // 分享图标
          type: "", // 分享类型,music、video或link，不填默认为link
          dataUrl: "", // 如果type是music或video，则要提供数据链接，默认为空
          success: function () {},
          cancel: function () {},
        });
        wx.onMenuShareTimeline({
          title: title, // 分享标题
          link: shareLink, // 分享链接
          imgUrl: shareImg, // 分享图标
          success: function () {},
          cancel: function () {},
        });
      });
    },
  });
});

页面标签部分

页面meta标签

<title>推荐山姆卡 赢微信立减金</title>
<meta name="description" content="轻松赚回会员费" />
<meta name="shareImg" content="xxxx/zft.jpg" />