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