.Net Core-做一个微信公众号的排队系统

Posted 2022-07-04 dotNET跨平台

Part1前言

微信扫码登录，微信扫码获取排队信息这些场景很常见，但是大家知道里面的原理是怎么实现的呢？今天我就来给大家解惑！

Part2总体流程

1浏览器请求服务器获取到二维码图片

浏览器生成唯一值uuid

通过uuid获取到带参数的二维码，将uuid作为key存进redis缓存服务器里面

服务端生成uuid返回给浏览器

通过uuid获取到带参数的二维码，将uuid作为key存进redis缓存服务器里面

2用户扫码

手机进行扫描二维码，然后手机携带uuid和用户信息向手机的服务器发送请求，手机服务器收到之后携带uuid去redis服务器查询用户。

• 扫码登录：

查询用户成功之后返回一个Token给网页服务器，通过解析这个Token可以拿出用户的信息，然后浏览器就成功登录微信了。

• 推送排队信息 查询用户成功之后调用模板消息，然后排队信息推送就成功了。

Part3开发

以微信扫码获取排队信息为例

第一步，获取uuid

为了简化流程，且由前端生成uuid。

第二步，获取Access token

public async Task<string> GetAccessToken()
        
            var accesstoken = await "https://api.weixin.qq.com/cgi-bin/token"
                    .SetQueryParams(new
                    
                        grant_type = "client_credential",
                        appid = WeixinSetting.Appid,
                        secret = WeixinSetting.Appsecret
                    )
                 .GetJsonAsync<AccessToken>();
            return accesstoken.Access_Token;
        

第三步，使用uuid创建二维码ticket

public async Task<string> GetTicket(string uuid, string token)
        


            var accesstoken = await "https://api.weixin.qq.com/cgi-bin/qrcode/create"
                .SetQueryParams(new
                
                    access_token = token
                )
                .PostJsonAsync(new
                
                    expire_seconds = 604800,
                    action_name = "QR_STR_SCENE",
                    action_info = new
                    
                        scene = new
                        
                            scene_str = uuid
                        
                    
                ).ReceiveJson<TicketUrl>();



            return accesstoken.Ticket;


        

第四步，通过 ticket 换取二维码

如果自己有通过ticket生成二维码的需求，可自行处理， 如果没有可以直接调取微信公众号接口

public async Task<byte[]> GetQrCode(string ticket)
        
            return await "https://mp.weixin.qq.com/cgi-bin/showqrcode"
             .SetQueryParams(new
             
                 ticket = ticket
             )
          .GetBytesAsync();

        

完整代码如下

[HttpGet("GetQrCode")]
        public async Task<IActionResult> GetQrCode(string uuid)
        
            return new FileContentResult( await _qrCodeServices.ShowQrCode(uuid), "image/jpeg");
        

public async Task<byte[]> ShowQrCode(string uuid)
        
            string token = await GetAccessToken();
            string ticket = await GetTicket(uuid, token);
            return await GetQrCode(ticket);
        

这样我们就生成了带参数的二维码图片了

第六步，微信扫码进行回调

在回调方法处理消息模板推送逻辑

[HttpPost]
        public async Task<string> post()
        
            IHttpBodyControlFeature httpBodyControlFeature = Request.HttpContext.Features.Get<IHttpBodyControlFeature>();
            if (httpBodyControlFeature != null )
            
                httpBodyControlFeature.AllowSynchronousIO = true;
            
            string content = new StreamReader(Request.Body).ReadToEnd();

            await qrCodeServices.PushTemplateMessage(content);
            return "success";

        

public async Task PushTemplateMessage(string content)
        
            XmlDocument doc = new XmlDocument();
            doc.LoadXml(content);
            if (doc.DocumentElement["MsgType"].InnerText != "Event") return;
            if (doc.DocumentElement["Event"].InnerText != "SCAN") return;
            string value = doc.DocumentElement["FromUserName"].InnerText;

            string token = await GetAccessToken();
            var accesstoken = await "https://api.weixin.qq.com/cgi-bin/message/template/send"
          .SetQueryParams(new
          
              access_token = token
          )
          .PostJsonAsync(new
          
              touser = value,
              template_id = "i4h4yHvgMgIoJ8-Mr49XcpbhMxmRXFJ5EF5DoOTGOMc",
              data = new
              
                  first = new
                  
                      value = "当前排队位置",
                      color = "#173177"
                  ,
                  keyword1 = new
                  
                      value = "70",
                      color = "#173177"
                  ,
                  keyword2 = new
                  
                      value = "40分钟",
                      color = "#173177"
                  

              
          );
        

这样以微信扫码获取排队信息就成功了

Part4总结

文章来源于生活中的点点滴滴，这也是我的即兴使用，大家要是有更好的使用技巧，欢迎交流，独乐乐不如众乐乐，本篇就说到这里啦，希望对您有帮助。