微信中分享h5自定义标题，描述，分享图片

我先描述一下该h5的业务场景： 想实现微信中的h5页面分享给好友或者是朋友圈时有自定义的标题，描述，分享图片；而不是...如下图

前提条件：

1、请确认公众号已经认证，只有认证的公众号才具有分享相关接口权限

2、登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。(需要调用微信接口的h5域名)

3、配置IP白名单，基本配置-公众号开发信息-IP白名单。(调用后台接口的域名)

h5实现具体步骤如下：（只有前端部分，别问为啥，因为后端我不会···泪目）

1.页面引入JS-SDK文件    

2.调用后端接口，获取微信api需要的参数

3.拿到后端返回的参数去配置微信api

下面是源代码：

我总结一下我遇到的问题：

1.h5怎么调试？

      答： 在微信开发者工具中调试，微信开发者工具的Console中，可以看到jssdk调用是否成功，我遇到了如右图中的错误，这一般情况下后端返回的签名有问题，具体开发中可以和后端同事一起联调，排查一下。

2.自定义标题，描述，分享图片相关问题

      答：因为我实现的这个h5是资讯详情页，它的内容都是动态变化的，所以在分享的时候不可以写死标题和描述。我是这样实现的：ajax请求资讯详情接口的时候，我把请求设置为了同步请求，当接口返回数据并渲染到页面上时，我再去请求后端的获取微信配置信息的接口，这时候在去取页面上对应的内容赋值给标题和描述，这样就是动态的了。（源码都放在上面啦，还不快去瞅瞅...）。如果说分享出去的时候，标题和描述不需要动态变化，那直接写死就好啦（产品说啥就是啥，good...）

3.还有一个注意点，微信分享的时候，微信会在分享地址上面加参数：https://.../news_s.html?id=C5...67&from=timeline  &form=timeline就是微信加的，所以我们在设置分享路径的时候要去掉&form=timeline。下面的代码中winUrl是我要分享的链接，总之一句话，去掉一切不属于分享链接的参数就行。

	var winUrl = window.location.href.split("&")[0];
        if(winUrl !== window.location.href){
	      window.location.href = winUrl
	}

如果有什么不太清楚的问题，可以评论哦，看到会及时回复的