为了更好的在微信上分享h5页面，我们对接了h5微信sdk，下面是接入过程的总结。1、项目中引用微信的js-sdkjs-sdk地址（支持https）：http://res.wx.qq.com/open/js/...或者http://res2.wx.qq。com/open/js...2.在微信公众平台绑定安全域名3.配置config步骤1、2操作成功后，进入编写代码的正题。我们需要在入口js配置configwx.config({debug:true,//开启debug模式，所有调用的API的返回值都会显示在客户端alert上，如果要查看传入的参数，你可以在PC端打开，参数信息会通过log打印出来，只有PC端Print.appId:'',timestamp:,nonceStr:'',signature:'',jsApiList:[]});参数说明：appId：公众号的唯一标识，可在公众号获取；timestamp：生成签名的时间戳nonceStr：生成签名的随机字符串signature：最后一次生成的签名jsApiList：需要使用的JS接口列表，这里使用共享接口，填入几个共享api接口，例如：['updateAppMessageShareData','updateTimelineShareData','onMenuShareQQ']（注意：出于安全考虑，微信要求开发者在服务端实现签名逻辑，所以timestamp、nonceStr、signature可以通过请求他们的返回自己的服务器，如果有兴趣可以了解如何生成，如下图1所示。)图14.在wx.readyconfig中配置自定义分享信息配置成功后，可以在wx.ready回调中填写自定义信息，如下：wx.ready(function(){wx.onMenuShareQQ({//ShareQQtitle:data.wxTitle,//分享标题link:data.href,//分享链接，链接域名或路径必须与当前页面对应的公众号JS安全域名和分享的一致地址不能有端口desc:data.wxDesc,imgUrl:data.wxImg||defaultIcon,//分享图标success:function(){//用户确认分享后执行的回调函数//alert(e);},cancel:function(){//用户取消分享后执行的回调函数}});wx.updateAppMessageShareData({//分享给好友title:data.wxTitle,//分享标题link:data.href,//分享链接,the链接的域名或路径必须与当前页面对应公众号JS安全域名一致且共享地址没有端口desc:data.wxDesc,imgUrl:data.wxImg||defaultIcon,//分享图标type:"",//分享类型，音乐，视频或链接，不填则默认为链接dataUrl:"",//如果类型为音乐或视频，则必须为数据链接提供，默认为空success:function(e){//用户点击分享后执行的回调函数//alert(e);}});wx.onMenuShareTimeline({//分享朋友圈title:data.wxTitle,//分享标题link:data.href,//分享链接，链接域名或路径必须与当前页面对应的公众号JS安全域名一致，分享地址不能有端口desc:数据.wxDesc,imgUrl:数据.wxImg||defaultIcon,//分享图标success:function(e){//用户点击分享后执行的回调函数//alert(e)}});});总结到这一步，分享操作就基本完成了。测试时建议开启debug，查看分享提示，判断是否分享成功。如果没有，可以参考开发过程中遇到的坑。出现nvalidurldomain提示1）检查当前页面所在域名是否没有绑定使用的appid，请确认绑定域名是否填写正确，仅支持80（http）和443（https），所以不需要端口号。出现invalidsignature签名错误信息1）检查生成的签名是否正确。可以使用签名验证工具来判断后端传过来的nonceStr、时间戳和请求后端接口传过来的地址和最终签名是否一致。2）配置的时候记得用驼峰写nonceStr。3）用于签名的url必须是调用JS接口页面的完整URL，即当前页面的完整URL。提示成功，但缺少共享图标或不显示desc1）不要在共享地址中包含端口号。之前我们使用的是3000端口，导致了这种情况。2)不要在分享描述中包含敏感词。我们带了礼包之类的话，就出现了这样的情况……以上是本次微信分享的总结。如果需要更详细的信息，可以到微信官网文档进行更深入的了解。参考资料：微信官网文档点击查看
