關於微信的jsapi_ticket的獲取方法;

對於一個從前端轉到后端的開發人員來說，這個玩意兒開始的時候是有點郁悶；不過明白原理之后就簡單了，

獲取jsapi_ticket；必須先獲取access_token;

微信開發文檔說access_token的有效時間是7200秒（兩小時）;

但沒有說過期后怎么辦，這里的access_token容易和網頁授權的access_token搞混;

后者有刷新地址，前者沒有，那怎么辦呢，聽好了，過期后重新獲取;

一般做網站開發，必須把access_token和jsapi_ticket存到服務器，並且根據過期時間定期更新，這個后期再說；

現在主要實驗，獲取jsapi_ticket，並生成前端頁面需要注入的數據，從而使前端頁面使用js-sdk的權限；

這里有一個容易忽視的小tips，微信前面要求設置js安全域名時，填入的是域名而不是utl；

nodejs為前端頁面提供jsapi_ticket的代碼實現如下;

從第43行開始;

var express = require('express');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var OAuth = require('wechat-oauth');
var request = require('request');
var sha1 = require('sha1');
var path = require('path');
var app = express();
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static('public'));
var port = 18080;
var appid = 'wx75340481908402a8';
var appsecret = '2b6ee0cbeec0114eb539e68ba356329b';

//首先拼接url
var  url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx75340481908402a8&redirect_uri=http%3a%2f%2fwechatapp1.duapp.com%2fcallback&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect"
app.get('/test',function(req,res){
    res.redirect(url);
});
//四步請求打法;
//第一步:獲得code;
app.get('/callback',function(req,res){
    var code  = req.query.code;
    var url = 'https://api.weixin.qq.com/sns/oauth2/access_token?appid=' + appid + '&secret=' + appsecret + '&code=' + code + '&grant_type=authorization_code';
    //第二步:獲得token
    request.get(url,function(err,response,body) {
        var json = JSON.parse(body);
        var refreshUrl = 'https://api.weixin.qq.com/sns/oauth2/refresh_token?appid=' + appid + '&grant_type=refresh_token&refresh_token=' + json.refresh_token;
        //第三步:獲得refreshtoken和openId;
        request.get(refreshUrl,function (err,response,refresh) {
            var json = JSON.parse(refresh);
            var infoUrl = 'https://api.weixin.qq.com/sns/userinfo?access_token=' + json.access_token + '&openid=' + json.openid + '&lang=zh_CN';
            //第四步:通過上一步刷新得來的refresh和openId請求用戶信息;
            request.get(infoUrl,function(err,response,info) {
                var info = JSON.parse(info);
                res.send(info);
            });
        });
    });
});
//1、設置api接口,使前端通過ajax可以獲取jsapi-sdk;
app.get('/wechat/ticket',function (req, res) {
    var page = req.query.page;
    var t = {};
    var url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid='+appid+'&secret='+appsecret;
    //2、獲取access_token;
    request.get(url,function(err, response, body) {
        var token = JSON.parse(body);
        var ticketUrl = 'https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=' + token.access_token + '&type=jsapi';
        //3、獲取ticket並且生成隨機字符串,時間戳,簽名
        request.get(ticketUrl, function(err, response, ticket) {
            var data = JSON.parse(ticket);
            var timestamp = parseInt(new Date().getTime() / 1000);
            t.ticket = data.ticket;
            t.noncestr = sha1(new Date());
            t.timestamp = timestamp;
            var string = 'jsapi_ticket=' + t.ticket + '&noncestr=' + t.noncestr + '&timestamp=' + timestamp + '&url=' + page;
            t.signature = sha1(string);
            res.json(t);
        });
    });
});



app.listen(port);