微信公眾號(hào)開(kāi)發(fā)01(node版本)

記錄下微信公眾開(kāi)發(fā)的一些坑有序,主要是接口配置和jsapi應(yīng)用

測(cè)試號(hào)接口信息配置

具體說(shuō)明官方文檔

首選需要一個(gè)服務(wù)器地址握巢,建議用ngrok映射
token相當(dāng)于自己的密令晕鹊,隨便加

配置參數(shù)

你每次點(diǎn)擊提交,微信服務(wù)器都會(huì)向你的服務(wù)器發(fā)送一個(gè)請(qǐng)求,這個(gè)請(qǐng)求包括簽名溅话,隨機(jī)數(shù)晓锻,時(shí)間戳,隨機(jī)字符串飞几。
然后自己的服務(wù)器將token,時(shí)間戳砚哆,隨機(jī)數(shù)字典排序后加密,如果加密后結(jié)果等于微信請(qǐng)求的簽名屑墨,則配置成功

代碼邏輯,驗(yàn)證簽名部分

utils.sign = function (config){  
    return function(req, res, next){  
        config = config || {};  
        var q = req.query;  
        var token = config.wechat.token;  
        var signature = q.signature; //微信加密簽名  
        var nonce = q.nonce; //隨機(jī)數(shù)  
        var timestamp = q.timestamp; //時(shí)間戳  
        var echostr = q.echostr; //隨機(jī)字符串  
         
/*            1)將token躁锁、timestamp、nonce三個(gè)參數(shù)進(jìn)行字典序排序 
            2)將三個(gè)參數(shù)字符串拼接成一個(gè)字符串進(jìn)行sha1加密 
            3)開(kāi)發(fā)者獲得加密后的字符串可與signature對(duì)比卵史,標(biāo)識(shí)該請(qǐng)求來(lái)源于微信 */
          
        var str = [token, timestamp, nonce].sort().join('');  
        var sha = sha1(str);  
        if (req.method == 'GET') {  
  
            if (sha == signature) {  
                console.log("我是echostr")
                res.send(echostr+'')  
            }else{  
                res.send('err');  
            }  
        }  
        else if(req.method == 'POST'){  
            if (sha != signature) {  
                return;  
            } 
            console.log("關(guān)注發(fā)請(qǐng)求战转?") 
            next();  
        }  
    }  
};  

獲取access_token

access_token是公眾號(hào)的全局唯一接口調(diào)用憑據(jù),公眾號(hào)調(diào)用各接口時(shí)都需使用access_token以躯。

調(diào)用JSAPI時(shí)簽名

官方示例

先拿access_token,再拿jsapi_ticket,然后根據(jù)算法簽名

簽名生成規(guī)則如下:參與簽名的字段包括noncestr(隨機(jī)字符串), 有效的jsapi_ticket, timestamp(時(shí)間戳), url(當(dāng)前網(wǎng)頁(yè)的URL槐秧,不包含#及其后面部分) 。對(duì)所有待簽名參數(shù)按照字段名的ASCII 碼從小到大排序(字典序)后忧设,使用URL鍵值對(duì)的格式(即key1=value1&key2=value2…)拼接成字符串string1刁标。這里需要注意的是所有參數(shù)名均為小寫(xiě)字符。對(duì)string1作sha1加密址晕,字段名和字段值都采用原始值命雀,不進(jìn)行URL 轉(zhuǎn)義。

即signature=sha1(string1)斩箫。 示例:

noncestr=Wm3WZYTPz0wzccnW
jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg
timestamp=1414587457
url=http://mp.weixin.qq.com?params=value
步驟1. 對(duì)所有待簽名參數(shù)按照字段名的ASCII 碼從小到大排序(字典序)后,使用URL鍵值對(duì)的格式(即key1=value1&key2=value2…)拼接成字符串string1:

jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg&noncestr=Wm3WZYTPz0wzccnW×tamp=1414587457&url=http://mp.weixin.qq.com?params=value
步驟2. 對(duì)string1進(jìn)行sha1簽名撵儿,得到signature:

0f9de62fce790f9a083d5c99e95740ceb90c27ed

注意事項(xiàng)
1.簽名用的noncestr和timestamp必須與wx.config中的nonceStr和timestamp相同乘客。(這個(gè)就是服務(wù)端生成隨機(jī)字符串和時(shí)間戳返回給客戶(hù)端)
2.簽名用的url必須是調(diào)用JS接口頁(yè)面的完整URL。(req.url)
3.出于安全考慮淀歇,開(kāi)發(fā)者必須在服務(wù)器端實(shí)現(xiàn)簽名的邏輯易核。

var createNonceStr = function () {
  return Math.random().toString(36).substr(2, 15);
};

var createTimestamp = function () {
  return parseInt(new Date().getTime() / 1000) + '';
};

var raw = function (args) {
  var keys = Object.keys(args);
  keys = keys.sort()
  var newArgs = {};
  keys.forEach(function (key) {
    newArgs[key.toLowerCase()] = args[key];
  });

  var string = '';
  for (var k in newArgs) {
    string += '&' + k + '=' + newArgs[k];
  }
  string = string.substr(1);
  return string;
};

/**
* @synopsis 簽名算法 
*
* @param jsapi_ticket 用于簽名的 jsapi_ticket
* @param url 用于簽名的 url ,注意必須動(dòng)態(tài)獲取浪默,不能 hardcode
*
* @returns
*/
var sign = function (jsapi_ticket, url) {
  var ret = {
    jsapi_ticket: jsapi_ticket,
    nonceStr: createNonceStr(),
    timestamp: createTimestamp(),
    url: url
  };
  var string = raw(ret);
      jsSHA = require('jssha');
      shaObj = new jsSHA(string, 'TEXT');
  ret.signature = shaObj.getHash('SHA-1', 'HEX');

  return ret;
};

module.exports = sign;

測(cè)試號(hào)二維碼不顯示

把img的htpp改成https(神奇的bug)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末牡直,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子纳决,更是在濱河造成了極大的恐慌碰逸,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,509評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件阔加,死亡現(xiàn)場(chǎng)離奇詭異饵史,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門(mén)胳喷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)湃番,“玉大人,你說(shuō)我怎么就攤上這事吭露》痛椋” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,875評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵讲竿,是天一觀的道長(zhǎng)泥兰。 經(jīng)常有香客問(wèn)我,道長(zhǎng)戴卜,這世上最難降的妖魔是什么逾条? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,441評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮投剥,結(jié)果婚禮上师脂,老公的妹妹穿的比我還像新娘。我一直安慰自己江锨,他們只是感情好吃警,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著啄育,像睡著了一般酌心。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上挑豌,一...
    開(kāi)封第一講書(shū)人閱讀 51,365評(píng)論 1 302
  • 那天安券,我揣著相機(jī)與錄音,去河邊找鬼氓英。 笑死侯勉,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的铝阐。 我是一名探鬼主播址貌,決...
    沈念sama閱讀 40,190評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼徘键!你這毒婦竟也來(lái)了练对?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,062評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤吹害,失蹤者是張志新(化名)和其女友劉穎螟凭,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體赠制,經(jīng)...
    沈念sama閱讀 45,500評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡赂摆,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評(píng)論 3 335
  • 正文 我和宋清朗相戀三年挟憔,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片烟号。...
    茶點(diǎn)故事閱讀 39,834評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡绊谭,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出汪拥,到底是詐尸還是另有隱情达传,我是刑警寧澤,帶...
    沈念sama閱讀 35,559評(píng)論 5 345
  • 正文 年R本政府宣布迫筑,位于F島的核電站宪赶,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏脯燃。R本人自食惡果不足惜搂妻,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望辕棚。 院中可真熱鬧欲主,春花似錦、人聲如沸逝嚎。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,779評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)补君。三九已至引几,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間挽铁,已是汗流浹背伟桅。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,912評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留叽掘,地道東北人贿讹。 一個(gè)月前我還...
    沈念sama閱讀 47,958評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像够掠,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子茄菊,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容