如何自定义微信中H5网页的分享链接(标题+简介+可设置)

最近开发了一个h5网页。当我把网页分享给我的微信好友时，我发现我的分享链接只有标题和链接地址:

但是，与自定义的微信分享链接不同，分享链接就像生成一张卡片，上面有相应的标题、内容和图片:

上网搜了一下，参考了《如何在微信中自定义H5网页的分享链接(可以设置标题+简介+图片)》一文，在此想总结记录一下:

要达到上图定制文案和图标的效果，必须采用微信提供的JS-SDK，这是微信公众平台为web开发者提供的基于微信的web开发工具包。请参考微信JS-SDK文档。

访问步骤如下:

1.准备一个域名和空间备案，把域名和空间绑定。

2.登录微信公众平台，进入“微信官方账号设置”功能设置，填写js接口安全域名。这是你的微信浏览器要打开的域名地址，不能添加IP地址。

3.引入js文件，在需要调用js接口的页面上访问JS文件。

/open/js/jweixin-1 . 2 . 0 . js

4.通过config接口注入权限，验证配置(这一步是整个步骤中最关键的一步，只有配置信息正确才能调用JS-SDK。

wx.config({

调试:？真的吗？//打开调试模式，所有被调用API的返回值都会显示在客户端预警中。如果想查看进来的参数，可以在pc端打开，参数信息会通过日志打出来，日志只会在pc端打印出来。

appId:？'',?//必选，微信官方账号唯一标识。

时间戳:，？//必需，生成签名的时间戳。

非中心:？'',?//必需，生成随机签名字符串。

签名:？，//必选，签名，见附录1。

jsApiList: []？//必选，要使用的JS接口列表。有关所有JS接口的列表，请参见附录2。

});