2. 程式人生 > 其它 >微信分享（JS-SDK許可權簽名演算法）-Java實現

微信分享（JS-SDK許可權簽名演算法）-Java實現

阿新 • • 發佈：2021-08-03
眾號中的H5有個業務場景，要分享頁面給好友，但是因為是在微信中分享，分享的連結微信是不認的，需要首先使用簽名認證，認證後才能分享，按照微信官網api，首先需要獲取token，然後再根據token獲取jsapiticket，然後再將隨機數、時間戳、url等按照keyvalue排序加密去認證，java後端實現了下，分享下程式碼，給需要的朋友。

1、問題描述

公眾號中的H5有個業務場景，要分享頁面給好友，但是因為是在微信中分享，分享的連結微信是不認的，需要首先使用簽名認證，認證後才能分享，按照微信官網api，首先需要獲取token，然後再根據token獲取jsapiticket，然後再將隨機數、時間戳、url等按照keyvalue排序加密去認證，java後端實現了下，分享下程式碼，給需要的朋友。

2、解決方案

2.1 官方文件

官方文件才是yyds，首先檢視微信開發者文件（https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html），如下：

附錄1-JS-SDK使用許可權簽名演算法
jsapi_ticket
生成簽名之前必須先了解一下jsapi_ticket，jsapi_ticket是公眾號用於呼叫微信JS介面的臨時票據。正常情況下，jsapi_ticket的有效期為7200秒，通過access_token來獲取。由於獲取jsapi_ticket的api呼叫次數非常有限，頻繁重新整理jsapi_ticket會導致api呼叫受限，影響自身業務，開發者必須在自己的服務全域性快取jsapi_ticket 。

參考以下文件獲取access_token（有效期7200秒，開發者必須在自己的服務全域性快取access_token）：https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Get_access_token.html

用第一步拿到的access_token 採用http GET方式請求獲得jsapi_ticket（有效期7200秒，開發者必須在自己的服務全域性快取jsapi_ticket）：https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

成功返回如下JSON：

{
  "errcode":0,
  "errmsg":"ok",
  "ticket":"bxLdikRXVbTPdHSM05e5u5sUoXNKd8- 41ZO3MhKoyN5OfkWITDGgnr2fwJ0m9E8NYzWKVZvdVtaUgWvsdshFKA",
  "expires_in":7200
}
獲得jsapi_ticket之後，就可以生成JS-SDK許可權驗證的簽名了。

簽名演算法

簽名生成規則如下：參與簽名的欄位包括noncestr（隨機字串）, 有效的jsapi_ticket, timestamp（時間戳）, url（當前網頁的URL，不包含#及其後面部分） 。對所有待簽名引數按照欄位名的ASCII 碼從小到大排序（字典序）後，使用URL鍵值對的格式（即key1=value1&key2=value2…）拼接成字串string1。這裡需要注意的是所有引數名均為小寫字元。對string1作sha1加密，欄位名和欄位值都採用原始值，不進行URL 轉義。

即signature=sha1(string1)。 示例：

noncestr=Wm3WZYTPz0wzccnW
jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg
timestamp=1414587457
url=http://mp.weixin.qq.com?params=value
步驟1. 對所有待簽名引數按照欄位名的ASCII 碼從小到大排序（字典序）後，使用URL鍵值對的格式（即key1=value1&key2=value2…）拼接成字串string1：

jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg&noncestr=Wm3WZYTPz0wzccnW&timestamp=1414587457&url=http://mp.weixin.qq.com?params=value
步驟2. 對string1進行sha1簽名，得到signature：

0f9de62fce790f9a083d5c99e95740ceb90c27ed
注意事項

簽名用的noncestr和timestamp必須與wx.config中的nonceStr和timestamp相同。

簽名用的url必須是呼叫JS介面頁面的完整URL。

出於安全考慮，開發者必須在伺服器端實現簽名的邏輯。

如出現invalid signature 等錯誤詳見附錄5常見錯誤及解決辦法。

官網文件簡要來說有幾點：

（1）獲取jsapi_ticket

首先拿appid與secret換取全域性的access_token，然後通過access_token獲取jsapi_ticket，這兩個值的時效都是是7200秒（2個小時），access_token是全域性的，簡單說類似管理員許可權，每天呼叫次數有限，2000次/日，這個提到全域性的，就有區域性的，使用過網頁許可權的（自定義選單，H5跳轉），也有個access_token，呼叫次數不限；因為access_token和jsapi_ticket每日呼叫次數有限，需要把這個值進行快取；

（2）簽名加密

排序、加密，需要對noncestr（隨機字串）、 有效的jsapi_ticket, timestamp（時間戳）、 url，對所有待簽名引數按照欄位名的ASCII 碼從小到大排序（字典序）後，使用URL鍵值對的格式（即key1=value1&key2=value2…）拼接成字串string1，然後sha1加密;

2.2 程式碼實現

一步一步來說吧，首先說下關於快取token和jsapi_ticket的問題，很多方案都是直接放到redis中，但是目前專案比較簡單，類似前置機的概念，專案週期也短，就這2個值，還的部署下redis，感覺划不來，就直接庫放資料中，弄個定時的標籤，整點刷一下，一天刷12次，24個值，穩定可靠，關於儲存資料庫和重新整理就不在這裡介紹了。

（1）首先獲取access_token

    /**
     *  獲取token
     * @return
     */
    @PostMapping("/getWXaccessToken")
    public String getWXaccessToken() {
        String url ="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+appId+"&secret=" +secret;
        String resp = restTemplate.getForObject(url, String.class);
        JSONObject resJson = JSONObject.parseObject(resp);
        return resJson.getString("access_token");
    }

簡要說明：

這裡就是首先new RestTemplate()，然後拼接下appId和secret，就獲取access_token，然後把這個access_token存到資料庫中，然後提供查詢就好了；

（2）獲取jsapi_ticket

    /**
     *  入參為token，返回ticket
     * @param token
     * @return
     */
    @PostMapping("/getWXJsapiTicket")
    public String getWXJsapiTicket(String token) {
        String ticket = null;
        if (StringUtils.isBlank(ticket)) {
            String url ="https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=" + token +"&type=jsapi";
            String resp = restTemplate.getForObject(url, String.class);
            JSONObject resJson = JSONObject.parseObject(resp);
            return resJson.getString("ticket");
        }
        return ticket;
    }

拼接下access_token，然後把這個access_token存到資料庫中，然後提供查詢就好了；

（3）隨機數

    /**
     *  獲取隨機數
     * @param length
     * @return
     */
    @PostMapping("/getRandomStr")
    public  String getRandomStr(int length) {
        String base ="fdajfkdajsklfjafdkjxjkljfadnfdnamn12687";
        int randomNum;
        char randomChar;
        Random random =new Random();
        StringBuffer str =new StringBuffer();
        for (int i =0; i < length; i++) {
            randomNum = random.nextInt(base.length());
            randomChar = base.charAt(randomNum);
            str.append(randomChar);
        }
        return str.toString();
    }

（4） 獲取簽名，完結

  /**
     *   入參為url
     * @param reqJson
     * @return
     */
    @PostMapping("/getWXSign")
    public String getWXSign(@RequestBody JSONObject reqJson) {
        String url = reqJson.getString("url");
        long timeStampSec = System.currentTimeMillis() /1000;
        String timestamp = String.format("%010d", timeStampSec);
        String nonceStr = getRandomStr(8);
        String[] urls = url.split("#");
        String newUrl = urls[0];
        JSONObject respJson =new JSONObject();
        String[] signArr =new String[]{"url=" + newUrl,"jsapi_ticket=" + getWXJsapiTicket(getWXaccessToken()),"noncestr=" + nonceStr,"timestamp=" + timestamp};
        Arrays.sort(signArr);
        String signStr = StringUtils.join(signArr,"&");
        String resSign = DigestUtils.sha1Hex(signStr);
        respJson.put("appId", appId);
        respJson.put("timestamp", timestamp);
        respJson.put("nonceStr", nonceStr);
        respJson.put("signature", resSign);

        return respJson.toJSONString();
    }

簡要說明：簡單來說就是獲取jsapiticket，然後值排序，做下sha1加密就可以了。

完整類：

測試，使用的使用根據自己業務場景，稍作改動吧

@RestController
@RequestMapping("/api/wx")
@Api(value = "測試")
public class WXShareController {
    private static final Logger logger = LoggerFactory.getLogger(WXShareController.class);
    private static final String appId ="ruanjianlaowang";
    private static final String secret ="dashuaige";
    RestTemplate restTemplate = new RestTemplate();

    /**
     *   入參為url
     * @param reqJson
     * @return
     */
    @PostMapping("/getWXSign")
    public String getWXSign(@RequestBody JSONObject reqJson) {
        String url = reqJson.getString("url");
        long timeStampSec = System.currentTimeMillis() /1000;
        String timestamp = String.format("%010d", timeStampSec);
        String nonceStr = getRandomStr(8);
        String[] urls = url.split("#");
        String newUrl = urls[0];
        JSONObject respJson =new JSONObject();
        String[] signArr =new String[]{"url=" + newUrl,"jsapi_ticket=" + getWXJsapiTicket(getWXaccessToken()),"noncestr=" + nonceStr,"timestamp=" + timestamp};
        Arrays.sort(signArr);
        String signStr = StringUtils.join(signArr,"&");
        String resSign = DigestUtils.sha1Hex(signStr);
        respJson.put("appId", appId);
        respJson.put("timestamp", timestamp);
        respJson.put("nonceStr", nonceStr);
        respJson.put("signature", resSign);

        return respJson.toJSONString();
    }

    /**
     *  入參為token，返回ticket
     * @param token
     * @return
     */
    @PostMapping("/getWXJsapiTicket")
    public String getWXJsapiTicket(String token) {
        String ticket = null;
        if (StringUtils.isBlank(ticket)) {
            String url ="https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=" + token +"&type=jsapi";
            String resp = restTemplate.getForObject(url, String.class);
            JSONObject resJson = JSONObject.parseObject(resp);
            return resJson.getString("ticket");
        }
        return ticket;
    }

    /**
     *  獲取token
     * @return
     */
    @PostMapping("/getWXaccessToken")
    public String getWXaccessToken() {
        String url ="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+appId+"&secret=" +secret;
        String resp = restTemplate.getForObject(url, String.class);
        JSONObject resJson = JSONObject.parseObject(resp);
        return resJson.getString("access_token");
    }

    /**
     *  獲取隨機數
     * @param length
     * @return
     */
    @PostMapping("/getRandomStr")
    public  String getRandomStr(int length) {
        String base ="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
        int randomNum;
        char randomChar;
        Random random =new Random();
        StringBuffer str =new StringBuffer();
        for (int i =0; i < length; i++) {
            randomNum = random.nextInt(base.length());
            randomChar = base.charAt(randomNum);
            str.append(randomChar);
        }
        return str.toString();
    }
}

更多資訊請關注公眾號：「軟體老王」，關注不迷路，軟體老王和他的IT朋友們，分享一些他們的技術見解和生活故事。

更多資訊請關注公眾號：「軟體老王」，關注不迷路，IT技術與相關乾貨分享，回覆關鍵字獲取對應乾貨，本文版權歸作者軟體老王所有，轉載需註明作者、超連結，否則保留追究法律責任的權利。

相關推薦

微信分享（JS-SDK許可權簽名演算法）-Java實現

眾號中的H5有個業務場景，要分享頁面給好友，但是因為是在微信中分享，分享的連結微信是不認的，需要首先使用簽名認證，認證後才能分享，按照微信官網api，首先需要獲取token，然後再根據token獲取jsapiticket，然後

微信JS-SDK使用許可權簽名演算法的服務端實現(.net版本)

一、概要 微信此次開放JS介面，開放了一大批api許可權，即使在未認證的訂閱號也可以使用影象介面，音訊介面，智慧介面，地理位置，介面操作，微信掃一掃等功能。要知道：以前訂閱號只能接受和被動回覆使用者訊息而已

新版本微信分享sdk（1.8.3）踩坑實錄

技術標籤：三方庫使用心得 第一種 - (BOOL)application:(UIApplication *)app openURL:(NSURL *)url options:(NSDictionary<NSString *,id> *)options

微信分享invalid signature簽名錯誤踩過的坑

前一段時間做了一個微信分享的東西，而且前端框架用的是VUE，被這個東西快折磨瘋了，一個列表頁，一個詳情頁，分享詳情頁的時候，會報錯invalid signature簽名錯誤。

微信h5網頁自定義分享（標題、描述、圖示）

一、繫結域名 先登入微信公眾平臺進入“公眾號設定”的“功能設定”裡填寫“JS介面安全域名”。

手機瀏覽器喚起微信分享(JS)

最近在做一個手機站，要求點選分享可以直接開啟微信分享出去。而不是jiathis，share分享這種的點擊出來二維碼。在網上看了很多，都說APP能喚起微信，手機網頁實現不了。也找了很多都不能直接喚起微信。

微信分享幷包裝連結自定義分享功能（標題，圖片，內容，連結自定義分享)

用微信開啟一個網頁，選擇右上角的“傳送給朋友”後，收到的訊息是這樣的：

Java中的微信支付（3）：API V3對微信伺服器響應進行簽名驗證

1. 前言 牢記一句話：公鑰加密，私鑰解密；私鑰加簽，公鑰驗籤。 微信支付V3版本前兩篇分別講了如何對請求做簽名和如何獲取並重新整理微信平臺公鑰，本篇將繼續展開如何對微信支付響應結果的驗籤。

簡單粗暴教你在VUE中引入微信SDK 呼叫微信分享、朋友圈分享、QQ分享......

寫在前面：剛做了一個微信端的網頁，用到了微信分享，在網上看了好多的資料，發現好多文件都寫得雲裡霧裡，讓人看的頭疼。通過對很多大佬文章的綜合整理，才完成了微信分享的部分。所以我想著自己寫一篇文章，能讓看

vue微信分享外掛使用方法詳解

本文為大家分享了vue微信分享外掛的使用方法，供大家參考，具體內容如下 1.安裝weixin-js-sdk

關閉微信頁面與微信分享等配置

//這個可以關閉安卓系統的手機 document.addEventListener(\'WeixinJSBridgeReady\', function(){

[開源硬體DIY] 自制一款精緻炫酷的藍芽土壤溫溼度感測器，用於做盆栽呵護類產品（API開放，開發者可自行DIY微信小程式＼安卓IOS應用）

目錄 前言: 1. 成品展示 2. 原理圖解析 3. pcb設計 4. 嵌入式對外提供介面 4.1 藍芽廣播

appcloud 微信分享大圖片

模組所述： contentUrl： 型別：字串 描述：分享圖片的 url 地址（支援 fs://、widget://），長度不能超過10M，（注：圖片內容大小不超過 10MB，不是圖片大小）

vue 微信分享回撥iOS和安卓回調出現錯誤的解決

產品需求：在微信內分享需要手動配置的分享地址、分享圖片與內容描述，引導使用者分享，並在微信分享成功回撥內進行相應的操作。

基於vue hash模式微信分享#號的解決

看程式碼吧~ // 問題描述在微信中分享到朋友圈或好友時，分享出去的路由被破壞，開啟分享的連結，路由中的“#”會被去掉並追加？fromTimeline之類的字尾引數，這就造成了分享出去的連結只能進入首頁，無法正常跳轉

vue單應用在ios系統中實現微信分享功能操作

表示是第一次使用vue做單應用顯目，也是在逐漸的摸索中~更是各種踩坑，各種填坑，打算寫部落格麼？是因為不想寫筆記了，嗯嗯 就是這麼簡單 進入正題。

微信分享

原理： 我們後臺將 noncestr（隨機32以內的字串）、 url（當前的url頁面，不包含#後面的，不要轉義url）、

Vue在history模式下呼叫微信分享

原文地址：https://blog.csdn.net/Jone_hui/article/details/105365947 啟用history模式, 需要後端配合設定 [配置請移步], History服務端配置忽略; 以下為vue前端部分;

關於個人微信公眾開發之微信分享

最近母后一時興起想弄一個微信網站來耍，我就花了幾天時間給改一個網站給她用來做美食的分享啥的，

Android 微信分享icon黑邊程式碼解決

由於 Android 的 icon 四周圓角裁剪時為透明所以在分享到微信和 QQ 好友中呈現黑邊。