微信js-sdk踩坑集合

总算没事了，打算自己弄个公众号，在wx.config的时候一直报invalid signature，我弄这个的时候浪费了好多时间。
接下来我就说说这个流程和我遇到的问题
1: 后端先通过appid和secret获取access_token；get方式访问就行如：https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={你的appid}&secret={刚才获取的token}&type=jsapi
3: 通过sha1生成signature。这里需要4个参数，jsapi_ticket（第二步获取的，应该做缓存），noncestr（16位大小写英文字母加数字组成），timestamp（时间戳，不是毫秒，是秒值），url(微信后台白名单的url)。注意，这里的noncestr没有驼峰，timestamp是秒。下面是代码：

// 获取随机字符串的方法
const getNonceStr = () => {
    let code_a = 97
    let code_A = 65
    let code_1 = 49

    let getRandomLetter = () => {
        let letter = ''
        const type = parseInt(Math.random() * 3)
        if (type === 0) {
            let codeIndex = parseInt(Math.random() * 26)
            letter = String.fromCharCode(code_a + codeIndex)
        } else if (type === 1) {
            let codeIndex = parseInt(Math.random() * 26)
            letter = String.fromCharCode(code_A + codeIndex)
        } else {
            let codeIndex = parseInt(Math.random() * 8)
            letter = String.fromCharCode(code_1 + codeIndex)
        }
        return letter
    }
    let noncestr = ''
    for (let l = 0; l< 16; l++) {
        noncestr += getRandomLetter()
    }
    return noncestr
}

const getSignature = (ticket, noncestr, timestamp, url) => {
    const signObj = {
        jsapi_ticket: ticket,
        noncestr: noncestr,
        timestamp: timestamp,
        url: url
    }
    let str = ''
    const keys = Object.keys(signObj)
    keys.forEach(item => {
        let itemStr = item + '=' + signObj[item]
        if (str === '') {
            str += itemStr
        } else {
            str += '&'
            str += itemStr
        }
    })
    console.log(str)
    // 我用的是egg，直接yarn add sha1,这里需要const sha1 = require('sha1')
    return sha1(str) 
}

4: 以上3步后端逻辑就完了，第3步的4个值需要返回给前端。
前段需要引入sdk