前端先行的前后分离微信公众号开发

express搭建简单后台,与微信服务器交互,获取ticket等wx.config配置,加载js-sdk的必须步骤记录。

测试号配置:
-配置url、token,后台验证
-提交时微信会向后台发送一个get请求,携带参数signature, echostr, timestamp, nonce。
-其中token, timestamp, nonce参与加密,字典序后转字符串,sha1加密,
-对比signature,一致,给微信返回echostr,则配置成功,可以进行下一步。

js-sdk使用
-后端:
-向微信服务器请求获取jsapi_ticket。携带参数access_token
-access_token:微信公众号全局唯一凭证
-唯一性
-有效期为两小时,提前五分钟请求,防止接口回复的时间差超过两小时
-接口权限每天限制为2000次
https请求(公众号测试接口文档内可知):
-方式:GET
-地址:https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
-包含三个参数:
-grant_type=client_credential 固定不变
-appid=用户appid
-secret=用户APPSECRET

  • js-sdk获取签名
    /**
    • 四个参数:
    • -noncestr(随机字符串)、jsapi_ticket, timestamp(时间戳), url(当前网页的URL,不包含#及其后面部分)
    • 拼接规则:
    • -字典序
    • -URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串string1
    • -均小写
    • -sha1加密
    • /// js-sdk获取签名
      /
    • 四个参数:
    • -noncestr(随机字符串)、jsapi_ticket, timestamp(时间戳), url(发出请求的的URL,即前端url。不包含#及其后面部分。开发时需做内网穿透)
    • 拼接规则:
    • -字典序
    • -URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串string1
    • -均小写
    • -sha1加密
    • **/
      -微信配置
      js接口安全域名。开发时前端续作内网穿透,仅网址,不包含协议名,即不包含http等

-前端
-请求后端获取appId, timestamp,nonceStr,signature。
-使用内网穿透地址开发,并在请求后台时传入#前的url地址。
-引入微信文件
-wx.config
-wx.Ready就可以使用了。

你可能感兴趣的:(前端先行的前后分离微信公众号开发)