微信JSSDK权限签名申请

时间:2023-03-09 08:25:42
微信JSSDK权限签名申请

前提:

1、绑定域名
  先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
  里边有说明(这里提示一点:需要把当前公众号的验证文件放到指定目录下)
2、需要参数: APPID、APPSECRET、服务器IP地址添加到IP白名单

申请JSSDK签名:

第一步:(https请求方式: GET)(前提:替换APPID、APPSECRET,其他参数不用处理)-- 获取access_token:
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
第二步:(https请求方式: GET)(需要access_token 获取jsapi)( 前提:替换 access_token,其他参数不用处理):
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=access_token&type=jsapi
第三步:调用签名算法,生成签名
需要 sha1算法 加密参数串,参数4个,格式如:(替换成你自己的四个参数的值)
jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg&noncestr=Wm3WZYTPz0wzccnW×tamp=1414587457&url=http://mp.weixin.qq.com?params=value
注意:
1、4个的参数位置不能变,是按照字段名的ASCII 码从小到大排序
2、url:当前网页的URL,不包含#及其后面部分(page_url.split("#")[0] 即可)
Java有现成的SHA1算法:org.apache.commons.codec.digest.DigestUtils
String sign = DigestUtils.shaHex(needEncodeStr);
第四步:在html页面,通过config接口注入权限验证配置,就能使用微信JSSDK了
wx.config({
  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
  appId: '', // 必填,公众号的唯一标识
  timestamp: '', // 必填,生成签名的时间戳 ,保持与后台申请签名的时间戳一直
  nonceStr: '', // 必填,生成签名的随机串,保持与后台的随机字符串一致
  signature: '',// 必填,签名
  jsApiList: [] // 必填,需要使用的JS接口列表
});
接下来,就可以在JS代码中使用JSSDK了,具体使用可参考公众号开发文档。
转载请注明原文地址,谢谢!!!