微信公众号H5页面自定义分享功能，JAVA后台签名算法实现，前端总是出现config:invalid signature.

Question

微信公众号H5页面自定义分享功能，JAVA后台签名算法实现，前端总是出现config:invalid signature.

发布于
2018-07-30

更新于
2018-07-31

问题描述

根据微信公众号网页服务的自定义分享服务接口的相关说明，我使用access_token获取到了ticket,后台再结合根据前端提交的时间戳（timestamp)、随机字符串（nonceStr)、url（JS接口安全域名）共4个参数，生成String1，再用SHA1加密得到签名signature，最后把这个签名signature返回给前端，可是前端在分享页面死活都是提示config:invalid signature.我已经晕了，不知道怎么处理了。请大神帮我看下代码，谢谢你。

问题出现的环境背景及自己尝试过哪些方法

按照官方的文档：“对所有待签名参数按照字段名的 ASCII 码从小到大排序（字典序）后，使用 URL 键值对的格式”，我在服务器端代码里面对相应参数实现了ascII升序排序，微信公众号会报错；后来我看到官方提供的生成签名的沙盒，里面的String1并没有对参数进行AscII升序排序，我又把相关代码注释掉了，然后直接拼接，结果还是报那个错误。最后我直接使用沙盒里面的随机字符串和时间戳和最后生成的签名，任然报错。我真的不晓得到底怎么搞的。

相关代码

java 代码实现签名算法的部分

import java.security.MessageDigest;

public class WxSignatrueService {

private static final char[] HEX_DIGITS = { '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f' };

public static String getWxShareSignatrue(String ticket, String noStr, String url, String timestamp) {
    // char[] _ticket = ticket.toCharArray();
    // char[] _noStr = noStr.toCharArray();
    // char[] _url = url.toCharArray();
    // char[] _timestamp = timestamp.toCharArray();
    //
    // Arrays.sort(_ticket);
    // Arrays.sort(_noStr);
    // Arrays.sort(_url);
    // Arrays.sort(_timestamp);

    // String jsapi_ticket =
    // String.valueOf(_ticket)+"&noncestr="+String.valueOf(_noStr)+"&timestamp="+String.valueOf(_timestamp)+"&url="+_url.toString();

    String jsapi_ticket = "jsapi_ticket=" + ticket + "&noncestr=" + noStr + "&timestamp=" + timestamp + "&url="
            + url;
    
    return new String(encode(jsapi_ticket));
}    

private static String getFormattedText(byte[] bytes) {
    int len = bytes.length;
    StringBuilder buf = new StringBuilder(len * 2);
    // 把密文转换成十六进制的字符串形式
    for (int j = 0; j < len; j++) {
        buf.append(HEX_DIGITS[(bytes[j] >> 4) & 0x0f]);
        buf.append(HEX_DIGITS[bytes[j] & 0x0f]);
    }
    return buf.toString();
}

public static String encode(String str) {
    if (str == null) {
        return null;
    }
    try {
        MessageDigest messageDigest = MessageDigest.getInstance("SHA1");
        messageDigest.update(str.getBytes());
        return getFormattedText(messageDigest.digest());
    } catch (Exception e) {
        throw new RuntimeException(e);
    }
}

}

前端，在vue相关页面我是这样实现的：

mounted(){
    /* eslint-disable */
    let timestamp = Date.parse(new Date());
    let random = Math.random().toString(36).substr(2);
    let me = this;
    axios.get("https://我的域名/getSignature",{params:{noStr:random,url:"我的域名",timestamp:timestamp}}).then(res=>{
        wx.config({
            debug:true,
            appId:"appid",
            timestamp:timestamp,
            nonceStr:random,
            signatrue:res.data.data,
            jsApiList:["onMenuShareTimeline","onMenuShareAppMessage"]
        });
        wx.ready(function(){
            wx.onMenuShareTimeline({
                title:"我的专属房子",
                link:"我的域名",
                imgUrl:"我的域名"+me.backUrl,
                success:function(){

                }
            });
            wx.onMenuShareAppMessage({
                title:"我的专属房子",
                desc:"我的未来房子是这个样子",
                link:"我的域名/eaglepublic",
                imgUrl:"我的域名"+me.backUrl,
                success:function(){

                }
            })
        })

    })