微信网页开发，使用 js-sdk 权限签名算法

[yenche123]

前言

微信网页 js-sdk 需要在初始化配置的时候需要传入签名 signature:

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

微信有给出签名算法的实现方式，但没有给出具体的 Node.js 的实现，其中还涉及 node.js 内置的 crypto 库，对初学者不甚友好，顺便写下来方便自己后续查找，故在这里分享一下。

基于 Node.js 获取微信 js-sdk 的 signature

import * as crypto from "crypto"

exports.main = async function (ctx: FunctionContext) {
  let jsApiTicket = await getWxJsApiTicket()
  let appId = "你的公众号 appid"
  let url = "当前用户访问的网页地址，在前端使用 location.href 取值即可"
  let timestamp = Math.ceil(Date.now() / 1000)
  const nonceStr = getNonceStr()
  const signature = getWxJsSdkSignature(jsApiTicket, nonceStr, timestamp, url)

  return { appId, url, timestamp, nonceStr, signature }
}

async function getWxJsApiTicket(): Promise<string>{
  // 请自行维护（获取） jsApiTicket，参见: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62
  // 在这里获取 jsApiTicket 并回传
}

function getNonceStr(): string {
  // 请自行实现生成随机字符串
}

// 开始执行签名算法
function getWxJsSdkSignature(
  jsapi_ticket: string, 
  noncestr: string, 
  timestamp: number, 
  url: string
): string {
  let str = `jsapi_ticket=${jsapi_ticket}&noncestr=${noncestr}&timestamp=${timestamp}&url=${url}`
  const sha1 = crypto.createHash("sha1")
  const signature = sha1.update(str).digest("hex")
  return signature
}

[maslow]

赞