Force.com微信开发系列(八)生成带参数的二维码

为了满足用户渠道推广分析的需要,公众平台提供了生成带二维码的接口。使用该接口可以获得多个带不同场景值的二维码,用户扫描后,公众号可以接收到事件推送。目前有两种类型的二维码,分别是临时二维码和永久二维码,前者有过期时间,最大为1800秒,但能够生成较多数量,后者无过期时间,数量较少(目前参数只支持1到100000)。两种二维码分别适用于账号绑定、用户来源统计等场景。

用户扫描带场景值二维码时,可能推送以下两种事件:

1. 如果用户还未关注公众号,则用户可以关注公众号,关注后微信会将带场景值关注事件推送给开发者(例如为特定活动准备的二维码,与会者扫描后关注微信账号,与此同时微信账号可以将活动相关的信息推送给用户);

2. 如果用户已经关注公众号,在用户扫描后会自动进入会话,微信也会将带场景值扫描事件推送给开发者(上例同样适用)。

获取带参数的二维码的过程包括两步,首先创建二维码ticket,然后凭借ticket到指定URL换取二维码。

 

创建二维码ticket

每次创建二维码ticket需要提供一个开发者自行设定的参数(scene_id),分别介绍临时二维码和永久二维码的创建二维码ticket过程。

临时二维码请求说明:

1 http请求方式: POST
2 URL: https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token=TOKEN
3 POST数据格式:json
4 POST数据例子:{"expire_seconds": 1800, "action_name": "QR_SCENE", "action_info": {"scene": {"scene_id": 123}}}

 

永久二维码请求说明

1 http请求方式: POST
2 URL: https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token=TOKEN
3 POST数据格式:json
4 POST数据例子:{"action_name": "QR_LIMIT_SCENE", "action_info": {"scene": {"scene_id": 123}}}

 

请求JSON数据参数的具体说明如下:

image

正确的Json返回结果示例如下:

1 {"ticket":"gQH47joAAAAAAAAAASxodHRwOi8vd2VpeGluLnFxLmNvbS9xL2taZ2Z3TVRtNzJXV1Brb3ZhYmJJAAIEZ23sUwMEmm3sUw==","expire_seconds":60,"url":"http:\/\/weixin.qq.com\/q\/kZgfwMTm72WWPkovabbI"}

 

返回Json数据的格式说明如下:

image

错误的Json返回示例如下:

1 {"errcode":40013,"errmsg":"invalid appid"}

 

下面我们构造一个Visualforce Page来生成ticket。

Visualforce Page代码如下:

1 <apex:page standardstylesheets="false" showHeader="false" sidebar="false" controller="WeChatQRCodeGeneratorController" > 
2    <apex:form > 
3       <font face="微软雅黑"><strong>第一步,创建二维码Ticket</strong><br /><br /> 
4       请输入授权AccessToken:<apex:inputText size="100" value="{!accessToken}" id="accessToken"/><br /><br /> 
5       <apex:commandButton value="生成创建二维码Ticket"  action="{!send}" id="send"  /><br /> 
6       </font> 
7   </apex:form> 
8   {!msg} 
9 </apex:page>

 

上面代码第4行放置了一个apex:inputText控件,相当于HTML的文本框,value的值指定了accessToken,这个必须是WeChatQRCodeGeneratorController类里一个有Getter Setter的公开属性,如过该属性有默认值则文本框会显示这个默认值,如果用户修改了文本框的内容,accessToken属性的值也会自动改变。第5行放置了一个apex:commandButton控件,相当于HTML的按钮,点击这个按钮将触发action处指定的方法send。最后第8行直接显示msg变量,该变量会用来显示微信接口返回的Json。画面显示效果如下:

image

 

WeChatQRCodeGeneratorController类的代码如下:

 1 public class WeChatQRCodeGeneratorController { 
 2     public String msg { get; set; } 
 3     public String accessToken { get; set; } 
 4     public void send() { 
 5         Http h = new Http(); 
 6         HttpRequest req = new HttpRequest(); 
 7         req.setMethod('POST'); 
 8         req.setHeader('Accept-Encoding','gzip,deflate'); 
 9         req.setHeader('Content-Type','text/xml;charset=UTF-8'); 
10         req.setHeader('User-Agent','Jakarta Commons-HttpClient/3.1'); 
11         
12         String json = '{"expire_seconds": 1800, "action_name": "QR_SCENE", "action_info": {"scene": {"scene_id": 12345}}}'; 
13         
14         req.setBody(json); 
15         req.setEndpoint('https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token=' + accessToken); 
16         String bodyRes = ''; 
17         
18         try{ 
19             HttpResponse res = h.send(req); 
20             bodyRes = res.getBody(); 
21         } 
22         catch(System.CalloutException e) { 
23             System.debug('Callout error: '+ e); 
24             ApexPages.addMessage(new ApexPages.Message(ApexPages.Severity.FATAL, e.getMessage())); 
25         } 
26         msg = bodyRes; 
27     }   
28 }

 

完成后保存代码,输入正确有效的Access Token,点击“生成创建二维码Ticket”按钮将会得到如下图所示的用来换取二维码的票据。其实返回的json里最后一个参数url的值即是二维码的值,可以拿这个结果通过在线二维码生成器生成二维码:

image

 

通过ticket换取二维码

获取二维码ticket后,开发者可用ticket换取二维码图片,本接口无需登录即可调用,接口请求说明如下:

1 HTTP GET请求(请使用https协议)
2 https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=TICKET

 

返回说明:
ticket正确情况下,http 返回码是200,是一张图片,可以直接展示或者下载。
1 HTTP头(示例)如下:
2 Accept-Ranges:bytes
3 Cache-control:max-age=604800
4 Connection:keep-alive
5 Content-Length:28026
6 Content-Type:image/jpg
7 Date:Wed, 16 Oct 2013 06:37:10 GMT
8 Expires:Wed, 23 Oct 2013 14:37:10 +0800
9 Server:nginx/1.4.1

 

错误情况下(如ticket非法)返回HTTP错误码404。


利用前面返回的票据调用该接口示例如下:

1 https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=gQH97zoAAAAAAAAAASxodHRwOi8vd2VpeGluLnFxLmNvbS9xL2YweHpqY1hrX255RGdnckl0V0otAAIENIwAVAMECAcAAA==

 

直接在浏览器访问该接口将返回如下图所示的二维码图片,扫描该二维码图片将直接关注相应公众账号:

 

image

posted @ 2014-08-29 22:39  JohnsonWang  阅读(11928)  评论(4编辑  收藏  举报