微信分享网页时自定义标题、描述和图片

【描述】

微信分享网页时自定义标题、描述和图片

【参考链接】

微信公众平台
微信开发者文档

【实现思路/研究成果等】

微信分享网页时自定义标题、描述和图片

用微信打开一个网页，选择右上角的“发送给朋友”后，收到的消息是这样的：

而为了推广效果，我们更希望能自定义标题、描述和图片，效果如下图：

下面介绍下怎样来实现这个功能

步骤一：绑定域名

所有的JS接口只能在公众号绑定的域名下调用，先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。（否则报错，显示签名失效）

获取公众号的AppID 和AppSecret：

备注：登录后可在“开发者中心”查看对应的接口权限。

步骤二：引入JS文件

 <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    <script type="text/javascript" src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
    <script src="js/jquery-3.3.1.min.js"></script>

步骤三：通过config接口注入权限验证配置

    var imgUrl = '缩略图的地址';
    var lineLink = '页面详细地址';
    var descContent = '简介';
    var shareTitle = '标题';
    var appid = 'appid';
    $.ajax({
   
   
    type: 'POST',
	//jssdk配置地址
    url: "sdk文件路径", 
    dataType: "json",
    data: {
   
    url: window.location.href },
    success: function (response)