.netMVC企业微信网页授权+注册全局过滤器
微信网页授权
达到效果：企业应用只能在微信中查看，在浏览器中打开企业页面，显示无权限！
原理，用session记录用户，如果用户已经通过微信授权，记录@Session["UserId"],如果用户没有登录，则采用微信页面跳转的Code去换取UserId,如果能成功换取，则存入session,并登录成功。
逻辑图如下：
（小插曲：1 微信页面重定向时，会发送多个请求，导致只能使用一次的Code失效 40029 报错
处理逻辑是，采用同步锁，页面第一次跳转到我们的服务器时，把code存入session,并且对这段代码加锁，如果微信又发一个请求，先对比session中的Code，如果有了，则不再使用第二个code(因为微信页面授权code只能使用一次)）
private static object locker = new object(); //同步锁
try { lock (locker) { if (Session["UserId"] == null)// 1 如果用户未登录 { if (!string.IsNullOrWhiteSpace(code) && Session["Code"] != (object)code)//2 有Code 参数，并且Code参数是第一次 { //处理逻辑Star Session["Code"] = code;//把Code记录session var userid = WechatCheckCode(code).UserId; //调用微信接口，获取用户信息 if (string.IsNullOrWhiteSpace(userid)) { response.Redirect("/Admin/Admin/Error?msg=xxxxxx"); } Session["UserId"] = userid;//用户写入session //处理逻辑End } else { response.Redirect("/Admin/Admin/Error?msg=xxxxxx"); } } } } catch { response.Redirect("/Admin/Admin/Error?msg=xxxxxx"); }
（小插曲：2 为了让所有的Controller都先进行一次校验，采用全局过滤器）
// 1在Global中添加全局过滤器 GlobalFilters.Filters.Add(new AuthAttribute()); //2 AuthAttribute 过滤器逻辑 public class AuthAttribute : AuthorizeAttribute { private readonly string WeChatUrl = ConfigurationManager.AppSettings["WeChatUrl"]; private static object locker = new object();//使用同步锁，防止微信一次跳转多次请求 public override void OnAuthorization(AuthorizationContext filterContext) { var path = filterContext.HttpContext.Request.Path; if (!path.ToLower().StartsWith("/admin/admin/error")) { var response = filterContext.HttpContext.Response; var request = filterContext.HttpContext.Request; var Session = filterContext.HttpContext.Session; var code = request.Params["code"]; try { lock (locker) { if (Session["UserId"] == null) { if (!string.IsNullOrWhiteSpace(code) && Session["Code"] != (object)code)//1 判断session里面是否有用户 { Session["Code"] = code; var userid = WechatCheckCode(code).UserId; if (string.IsNullOrWhiteSpace(userid)) { response.Redirect("/Admin/Admin/Error?msg=xxxxxx"); } Session["UserId"] = userid; } else { response.Redirect("/Admin/Admin/Error?msg=xxxxxx"); } } } } catch { response.Redirect("/Admin/Admin/Error?msg=xxxxxx"); } } } //微信检查Code private Wechat_UserModel WechatCheckCode(string code) { Wechat_UserModel resultBack = null; string WeChat_Address = WeChatUrl; var url = WeChat_Address + "api/ApiGetUser/GetUser?code=" + code; var client = new HttpClient(); var result = client.GetAsync(url).Result; if (result.IsSuccessStatusCode) { LogManager.WriteLog("code日志", string.Format("【获取的用户数据】：{0}", result.Content.ReadAsStringAsync().Result)); var json = result.Content.ReadAsStringAsync().Result; resultBack = JsonConvert.DeserializeObject<Wechat_UserModel>(json);//Json 反序列化成对象 } return resultBack; }
（小插曲：3 webApi,返回动态Json字符串是，不能直接返回string，应该 返回 HttpResponseMessage）
// 1 微信网页授权根据Code,获取用户信息 public HttpResponseMessage GetUser(string code) { string access_token = wxAccess_token.IsExistAccess_Token(wxEnum.供应商系统); //获取access_token var json = UserAdminAPI.GetWebUser(access_token, code);//调用微信接口，返回用户JSon字符串 return new HttpResponseMessage() { Content = new StringContent(json, Encoding.UTF8, "application/json") }; }
/// <summary> /// 2 根据code获取成员信息 /// </summary> /// <returns></returns> public static string GetWebUser(string access_token, string code) { var url = string.Format("https://qyapi.weixin.qq.com/cgi-bin/user/getuserinfo?access_token={0}&code={1}", access_token, code); var client = new HttpClient(); var result = client.GetAsync(url).Result; if (!result.IsSuccessStatusCode) return null; return result.Content.ReadAsStringAsync().Result; }
4 前端页面资源
效果图：
1 母版页 @RenderBody()子页面插入的位置，@RenderSection，子页面自定义填充位置 @{ Layout = null; } <!doctype html> <html> <head> <meta charset="utf-8"> <title>供应商移动端</title> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <link rel="stylesheet" href="~/Content/style/weui.css" /> <link rel="stylesheet" href="~/Content/style/weui2.css" /> <link rel="stylesheet" href="~/Content/style/weui3.css" /> <script src="~/Content/zepto.min.js"></script> @RenderSection("Head", required: false) </head> <body ontouchstart style="background-color: #f8f8f8;"> <div class="weui_tab tab-bottom"> </div> <div class="weui_tabbar "> <a href="/admin/admin/Index_mobile" class="weui_tabbar_item weui_bar_item_on"> <div class="weui_tabbar_icon"> <img src="~/Content/images/icon_nav_button.png" alt=""> </div> <p class="weui_tabbar_label">首页</p> </a> </div> @RenderBody() //子页面插入的地方 @RenderSection("Dialog", required: false) </body> </html> @RenderSection("Foot", required: false) 2 首页 @{ ViewBag.Title = "Index_mobile"; Layout = "~/Views/Shared/_LayMobile.cshtml"; } <div class="page-hd"> <h1 class="page-hd-title"> 供应商系统 </h1> <p class="page-hd-desc">用户：@Session["UserId"]</p> </div> <div class="weui_grids"> <a href="/admin/Reconciliations/Index" class="weui_grid js_grid"> <div class="weui_grid_icon"> <img src="~/Content/images/icon_nav_dialog.png" alt=""> </div> <p class="weui_grid_label"> 供应商对账 </p> </a> <a href="/admin/Purchase/Index" class="weui_grid js_grid"> <div class="weui_grid_icon"> <img src="~/Content/images/icon_nav_cell.png" alt=""> </div> <p class="weui_grid_label"> 采购单查询 </p> </a> </div> @section Foot{ <script> Zepto(function ($) { //$.ajax({ // type: 'POST', // url: 'WechatLogin', // dataType: 'json', // success: function (data) { // alert(data.msg); // console.log(data); // }, // error: function (xhr, type) { // alert('Ajax error!') // } //}) }) </script> }
