JSSDK自定义分享

web:
1、引入JS文件:

http://res.wx.qq.com/open/js/jweixin-1.4.0.js(支持https)
http://res2.wx.qq.com/open/js/jweixin-1.4.0.js (支持https)

2、获取签名等参数

wx.config({
  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
  appId: '', // 必填,公众号的唯一标识
  timestamp: , // 必填,生成签名的时间戳
  nonceStr: '', // 必填,生成签名的随机串
  signature: '',// 必填,签名
  jsApiList: [] // 必填,需要使用的JS接口列表
});

service:
1、注册微信公众号,然后获取对应的appId和AppSecret,添加IP白名单和JS安全域名
2、获取access_token

https请求方式: GET
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

返回参数:

{"access_token":"ACCESS_TOKEN","expires_in":7200}

7200秒access_token过期,所以记得一定缓存你的access_token

3、根据access_token获取jsapi_ticket

https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

返回参数

{"errcode":0,"errmsg":"ok","ticket":"bxLdikRXVbTPdHSM05e5u5sUoXNKd8-41ZO3MhKoyN5OfkWITDGgnr2fwJ0m9E8NYzWKVZvdVtaUgWvsdshFKA","expires_in":7200}

同样,7200秒jsapi_ticket过期,所以记得一定缓存你的jsapi_ticket
jsapi_ticket和access_token一定要是同时有效的,不然会出错

4、签名算法
签名生成规则如下:参与签名的字段包括noncestr(随机字符串), 有效的jsapi_ticket, timestamp(时间戳), url(当前网页的URL,不包含#及其后面部分) 。对所有待签名参数按照字段名的ASCII 码从小到大排序(字典序)后,使用URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串string1。这里需要注意的是所有参数名均为小写字符。对string1作sha1加密,字段名和字段值都采用原始值,不进行URL 转义。
随机字符串:

''.join(random.choice(string.ascii_letters + string.digits)for _in range(15))

时间戳:

int(time.time())

URL:
当前网页的完整URL,确保你获取用来签名的url是动态获取的,如果是html的静态页面在前端通过ajax将url传到后台签名,前端需要用js获取当前页面除去'#'hash部分的链接(可用location.href.split('#')[0]获取,而且需要encodeURIComponent),因为页面一旦分享,微信客户端会在你的链接末尾加入其它参数,如果不是动态获取当前链接,将导致分享后的页面签名失败
加上jsapi_ticket生成string1:

ret = {nonceStr=Wm3WZYTPz0wzccnWjsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qgtimestamp=1414587457url=http://mp.weixin.qq.com?params=value}

对所有待签名参数按照字段名的ASCII 码从小到大排序:

string ='&'.join(['%s=%s' % (key.lower(), ret[key])for key in sorted(ret)])

签名:(Python需要编码一次):

signature =hashlib.sha1(string.encode('utf8')).hexdigest()

这里就得到最终结果了,可用微信提供的工具进行校验

5、错误排查:

1.确认config中nonceStr(js中驼峰标准大写S), timestamp与用以签名中的对应noncestr, timestamp一致。
2.确认url是页面完整的url(请在当前页面alert(location.href.split('#')[0])确认),包括'http(s)://'部分,以及'?'后面的GET参数部分,但不包括'#'hash后面的部分。
3.确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。
4.确保一定缓存access_token和jsapi_ticket。
5.确保你获取用来签名的url是动态获取的,动态页面可参见实例代码中php的实现方式。如果是html的静态页面在前端通过ajax将url传到后台签名,前端需要用js获取当前页面除去'#'hash部分的链接(可用location.href.split('#')[0]获取,而且需要encodeURIComponent),因为页面一旦分享,微信客户端会在你的链接末尾加入其它参数,如果不是动态获取当前链接,将导致分享后的页面签名失败。

Tip:大多数invalid signature是因为前段网页的URL和后端签名的URL不一样导致的,按照上文第5点进行确认

最后附上微信公众号开发官方文档