• 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

  • 相关阅读:
    Web中Servlet简单总结
    JavaSE进阶的面试题
    多线程简单总结
    Java基础集合简单总结
    内部类和Lambda
    多态
    接口
    继承
    uni-app 中uCharts
    vue 组件传值
  • 原文地址:https://www.cnblogs.com/johnsonwong/p/3945840.html
Copyright © 2020-2023  润新知