公司做活动的，每次活动要让用户把活动H5页面分享到微信好友，朋友圈从而裂变，但是分享出来不显示描述和图标，很不正规。如下图：
所以想要实现能够自定义描述和图标的功能。如下图：
网上这方面的教程很多，但是却让我们走了很多弯路。因为大部分文章所说的方法都已经失效，还有一部分文章要么太过于专业，从一开始看不懂，要么讲解不全，模棱两可。如果看到我这篇文章的朋友，建议您不需要再找了，我们吃过这方面亏。安安心心的去研究微信官方公布的文档——《微信JSSDK说明文档》。
准备条件：
1，域名进行备案（备案的二级域名也可以）
2，微信公众号（认证的服务号）如果没有也可以接“微尚书”的公众号。
3，微尚书（对接辅助工具）
一，JS安全域名配置，添加服务器白名单。
二，使用 “微尚书” 辅助生成JS-SDK权限验证签名
这里相对来说比较复杂，因为涉及到：1，获取Access Token ；2，获取jsapi_ticket；3，签名算法的实现。
所以建议使用“微尚书”来辅助实现。虽然内容较多，也比较复杂，但是“微尚书”将其化繁为简，只需要按照提示一步步来即可完成。
三，实现JS分享功能
按照上述步骤，走完之后。“微尚书” 会返回一串实现JS分享功能代码，大概代码如下：
wx.onMenuShareAppMessage({title:'<?phpecho$news['Title'];?>',desc:'<?phpecho$news['Description'];?>',link:'<?phpecho$news['Url'];?>',imgUrl:'<?phpecho$news['PicUrl'];?>',trigger:function(res){//不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回//alert('用户点击发送给朋友');},success:function(res){//alert('已分享');},cancel:function(res){//alert('已取消');},fail:function(res){//alert(JSON.stringify(res));}});wx.onMenuShareTimeline({title:'<?phpecho$news['Title'];?>',link:'<?phpecho$news['Url'];?>',imgUrl:'<?phpecho$news['PicUrl'];?>',trigger:function(res){//不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回//alert('用户点击分享到朋友圈');},success:function(res){//alert('已分享');},cancel:function(res){//alert('已取消');},fail:function(res){//alert(JSON.stringify(res));}});
如果你收到这串代码文件，说明我们只剩一步就成功了！那就是将这串代码，复制粘贴到我们网页所对应的html文件里面的“</body>”前，切记使用“<script>”标签来调用！
好了，这样就大功告成了！这样我们分享出去的网页就可以显示自己所以展示的标题，描述和图片了！
