关于微信的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行开始;

 1 var express = require(\'express\');
 2 var cookieParser = require(\'cookie-parser\');
 3 var bodyParser = require(\'body-parser\');
 4 var OAuth = require(\'wechat-oauth\');
 5 var request = require(\'request\');
 6 var sha1 = require(\'sha1\');
 7 var path = require(\'path\');
 8 var app = express();
 9 app.use(bodyParser.json());
10 app.use(bodyParser.urlencoded({ extended: false }));
11 app.use(cookieParser());
12 app.use(express.static(\'public\'));
13 var port = 18080;
14 var appid = \'wx75340481908402a8\';
15 var appsecret = \'2b6ee0cbeec0114eb539e68ba356329b\';
16 
17 //首先拼接url
18 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"
19 app.get(\'/test\',function(req,res){
20     res.redirect(url);
21 });
22 //四步请求打法;
23 //第一步:获得code;
24 app.get(\'/callback\',function(req,res){
25     var code  = req.query.code;
26     var url = \'https://api.weixin.qq.com/sns/oauth2/access_token?appid=\' + appid + \'&secret=\' + appsecret + \'&code=\' + code + \'&grant_type=authorization_code\';
27     //第二步:获得token
28     request.get(url,function(err,response,body) {
29         var json = JSON.parse(body);
30         var refreshUrl = \'https://api.weixin.qq.com/sns/oauth2/refresh_token?appid=\' + appid + \'&grant_type=refresh_token&refresh_token=\' + json.refresh_token;
31         //第三步:获得refreshtoken和openId;
32         request.get(refreshUrl,function (err,response,refresh) {
33             var json = JSON.parse(refresh);
34             var infoUrl = \'https://api.weixin.qq.com/sns/userinfo?access_token=\' + json.access_token + \'&openid=\' + json.openid + \'&lang=zh_CN\';
35             //第四步:通过上一步刷新得来的refresh和openId请求用户信息;
36             request.get(infoUrl,function(err,response,info) {
37                 var info = JSON.parse(info);
38                 res.send(info);
39             });
40         });
41     });
42 });
43 //1、设置api接口,使前端通过ajax可以获取jsapi-sdk;
44 app.get(\'/wechat/ticket\',function (req, res) {
45     var page = req.query.page;
46     var t = {};
47     var url = \'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=\'+appid+\'&secret=\'+appsecret;
48     //2、获取access_token;
49     request.get(url,function(err, response, body) {
50         var token = JSON.parse(body);
51         var ticketUrl = \'https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=\' + token.access_token + \'&type=jsapi\';
52         //3、获取ticket并且生成随机字符串,时间戳,签名
53         request.get(ticketUrl, function(err, response, ticket) {
54             var data = JSON.parse(ticket);
55             var timestamp = parseInt(new Date().getTime() / 1000);
56             t.ticket = data.ticket;
57             t.noncestr = sha1(new Date());
58             t.timestamp = timestamp;
59             var string = \'jsapi_ticket=\' + t.ticket + \'&noncestr=\' + t.noncestr + \'&timestamp=\' + timestamp + \'&url=\' + page;
60             t.signature = sha1(string);
61             res.json(t);
62         });
63     });
64 });
65 
66 
67 
68 app.listen(port);