微信H5分享功能开发流程、自检步骤 、错误码：6003

配置

1. 需要注册公众号并通过企业认证，生成appid
2. 此功能只能在webview内使用
3. 在微信公众平台内--公众号设置 -- 功能设置内配置JS接口安全域名
   image.png
   按照流程配置安全域名，协议和端口号不可填写，文件下载后放置在前端项目根目录中安全域名/MP_verify_...txt
   4.在管理平台 -- 权限 -- 接口权限内确认是否具有分享接口权限

开发调试

1. 可以在微信内打开项目链接检测功能、具体报错可在微信开发者工具内选择公众号页面跑测(有控制台)设置debug为true

  wx.config({
                // debug: true, 
                appId: '********',
                timestamp: data.timestamp,
                nonceStr: data.noncestr,
                signature: data.signature,
                jsApiList: ['updateAppMessageShareData']
            });

2.常见的错误码为60003，报错信息为 invalid signature

按照官方提供的排查步骤即可解决

1. 确认签名算法正确，可用http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验。

2. 确认config中nonceStr（js中驼峰标准大写S）, timestamp与用以签名中的对应noncestr, timestamp一致。

3. 确认url是页面完整的url(请在当前页面alert(location.href.split('#')[0])确认)，包括'http(s)://'部分，以及'？'后面的GET参数部分,但不包括'#'hash后面的部分。

4. 确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。

5. 确保一定缓存access_token和jsapi_ticket。

6. 确保你获取用来签名的url是动态获取的，动态页面可参见实例代码中php的实现方式。如果是html的静态页面在前端通过ajax将url传到后台签名，前端需要用js获取当前页面除去'#'hash部分的链接（可用location.href.split('#')[0]获取,而且需要encodeURIComponent），因为页面一旦分享，微信客户端会在你的链接末尾加入其它参数，如果不是动态获取当前链接，将导致分享后的页面签名失败。