用微信二维码登录自己的网站

地址：/article/5279371.html

用微信二维码登录自己的网站


一、当用户选择用微信二维码登录时，我们要在用户页面里生成一个guid做为客户端的唯一标识，然后带着这个guid请求二维码图片地址，得到地址后，显示给用户。请求到后台的时候要将此二维码的Key和客户端的guid关联到一起。注意这个key的生成方式，要保证多人同时用二维码登录而不冲突，比如用10000自增，隔断时间又重置到10000。

二、得到二维码后，马上发出长链接请求登录标识（即cookie），请求也要带客户端的guid。在写此文之前听一同事说Discuz!已实现了二维码登录，我更看一下，和我的思路应该是一样的，不过他们用的是轮询的方式，但效果没长链接好，没这个及时。

三、用户扫描二维码后，我们可以在实现的通知接口里得到这个事件消息，消息里的FromUserName一般就是我们绑定第三方的openid，根据这个我们可以查出绑定用户的userid，即cookie，再用二维码的key，得到未返回的长链接，然后把userid返回，把长链接相关的东西清除。



异步请求结果类：



public class QRLoginManager { public static Dictionary<string, MyAsyncResult> RequestDict = new Dictionary<string, MyAsyncResult>(); } public class MyAsyncResult : IAsyncResult { //这个接口的实现 public object AsyncState { get; private set; }public System.Threading.WaitHandle AsyncWaitHandle { get; private set; } public bool CompletedSynchronously { get { returnfalse; } } public bool IsCompleted { get; private set; } //一些参数 public HttpContext Context { get; set; } public AsyncCallback CallBack { get; set; } /// <summary> /// 客户端唯一标识 /// </summary> public string ClientGuid { get; set; } ///<summary> /// 最终要的标识数据 /// </summary> public string UserID { get; set; } //构造函数 publicMyAsyncResult(HttpContext context, AsyncCallback cb, string clientGuid) { this.ClientGuid = clientGuid; this.Context =context; this.CallBack = cb; } public void SetCompleted(bool iscompleted) { this.IsCompleted = iscompleted; if (iscompleted && this.CallBack != null) { CallBack(this); } } }



微信接口前面已发布源码：WeiXinSDK

页面JS代码大概可以是：



<script type="text/javascript"> function newGuid() { var guid = ""; for (var i = 1; i <= 32; i++) { var n = Math.floor(Math.random() * 16.0).toString(16); guid += n; if ((i == 8) || (i == 12) || (i == 16) || (i == 20)) guid += "-"; }return guid; } var clientid = newGuid(); function getQR() { $.get("/getqr.ashx?clientguid=" + clientid, function (url) { $("#qrImg").attr("src", url); //显示图片后请求userid; $.ajax('/getdt.ashx', { data: { clientguid: clientid }, cache: false, success:function (userid) { //把userid写入cookie }, error: function (xhr, status, err) { //可能要重新获得二维码图片地址 } }); }) } </script>



非常抱歉的是，以上的代码全部没有测试过，仅供大家理清思路参考，各种不规则和不严禁还请见谅！





分类: ASP.NET, JavaScript
标签: 微信二维码登录