本文将介绍基于Senparc.Weixin微信开发框架来实现网页授权来获取用户基本信息。先生成包含授权及回调url信息的二维码;用户用微信扫描之后,被要求授权以获取Ta的用户基本信息;用户授权后,通过回调url页面获取并显示用户的基本信息;在这个页面上加一个按钮,点点击按钮后,把用户的基本信息保存到数据库。

下面介绍详细的步骤:

1. 生成二维码

下面这个url是一个授权页面,包含了回调的url参数redirect_uri:

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxdbdfwddd272bc&redirect_uri=http%3a%2f%2fwww.gwjg.com%2fwechat%2foauth2%2fUserInfoCallback.aspx&response_type=code&scope=snsapi_userinfo&state=JeffreySu&connect_redirect=1#wechat_redirect

注意,要把appid和redirect_url换成你自己的

打开 http://cli.im/url ,输入上面的url,生成二维码图片

2. 新建一个二维码的页面

<form id="form1" runat="server">

        <div style="align-content:center;align-items:center">

            <h2>OAuth2.0授权测试</h2>

            <img src="../Images/QrCode.png" height="190" width="190" alt="" />

        </div>

    </form>

把上面生成的二维码图片放到页面上。

3. 新建上面提到的回调页面:

前台:

<form id="form1" type="post" runat="server">

       <div>

           <p>下面是通过授权得到的您的部分个人信息:</p>

           <p>

               nickname:

               <label>

                   <%=(ViewState["WeixinUserInfo"] as Youda.ViewEntity.UserInfoEntity).NickName%></label>

           </p>

           <p>

               country:

               <%=(ViewState["WeixinUserInfo"] as Youda.ViewEntity.UserInfoEntity).Country %>

           </p>

           <p>

               province:   

               <%=(ViewState["WeixinUserInfo"] as Youda.ViewEntity.UserInfoEntity).Province %>

           </p>

           <p>

               city:   

               <%= (ViewState["WeixinUserInfo"] as Youda.ViewEntity.UserInfoEntity).City %>

           </p>

           <p>

               sex:

               <%= (ViewState["WeixinUserInfo"] as Youda.ViewEntity.UserInfoEntity).Sex %>

           </p>

           <p>

               头像(直接调用可能看不到,需要抓取):<br />

               <img src="<%=(ViewState["WeixinUserInfo"] as Youda.ViewEntity.UserInfoEntity).HeadImgUrl %>" />

           </p>

           <p>

               <input style="height:50px;width:90px" type="submit" data-theme="b" value="点赞" id="bsubmit" rel="external" />

               </p>

       </div>

   </form>

注意这里的type一定要设成post: <form id="form1" type="post" runat="server"> , 不然页面会多次被调用,以至于下面的用code取access_token时,报40029 invalid code的错误。因为第一次取完之后,立马再去取就会报40029的错误。

后台:

private string appId = ConfigurationManager.AppSettings["appID"];

       private string appSecret = ConfigurationManager.AppSettings["appSecret"];

       ILog log = LogManager.GetLogger(MethodBase.GetCurrentMethod().DeclaringType);

 

       protected void Page_Load(object sender, EventArgs e)

       {

           log.Info(Request.HttpMethod);

           if (Page.IsPostBack)

           {

               try

               {

                   if (ViewState["WeixinUserInfo"] == null) Response.End();

                   var userInfo = ViewState["WeixinUserInfo"] as UserInfoEntity;

                   log.Info(userInfo.NickName);

                   new UserInfoBll().Create(userInfo);

 

                   Response.Write("保存成功");

                   Response.End();

 

               }

               catch (Exception ex)

               {

                   log.Error(ex.Message, ex);

                   Response.End();

               }

           }

           else

           {

               if (ViewState["WeixinUserInfo"] == null)

               {

                   log.Info(Request.Url);

 

                   string code = Request["code"];

 

                   if (string.IsNullOrEmpty(code))

                   {

                       Response.Write("您拒绝了授权!");

                       Response.End();

                   }

 

                   log.Info(code);

 

                   OAuthAccessTokenResult result = null;

 

                   //通过,用code换取access_token

                   try

                   {

                       result = result = OAuthApi.GetAccessToken(appId, appSecret, code);

                   }

                   catch (ErrorJsonResultException jex)

                   {

                       log.Error(jex.Message, jex);

                       Response.Write("0 " + " , error: " + jex.Message);

                       Response.End();

                   }

                   catch (Exception ex)

                   {

                       log.Error(ex.Message, ex);

                       Response.Write("1 " + " code: " + code + " , error: " + ex.Message);

                       Response.End();

                   }

                   if (result.errcode != ReturnCode.请求成功)

                   {

                       Response.Write("2 " + result.errmsg);

                       Response.End();

                   }

                   //下面2个数据也可以自己封装成一个类,储存在数据库中(建议结合缓存)

                   //如果可以确保安全,可以将access_token存入用户的cookie中,每一个人的access_token是不一样的

                   //Session["OAuthAccessTokenStartTime"] = DateTime.Now;

                   //Session["OAuthAccessToken"] = result;

 

                   //因为第一步选择的是OAuthScope.snsapi_userinfo,这里可以进一步获取用户详细信息

                   try

                   {

                       OAuthUserInfo userInfo = OAuthApi.GetUserInfo(result.access_token, result.openid);

                       var user = new UserInfoEntity()

                       {

                           City = userInfo.city,

                           Province = userInfo.province,

                           Country = userInfo.country,

                           HeadImgUrl = userInfo.headimgurl,

                           //Language = userInfo.language,

                           //Subscribe_time = userInfo.subscribe_time,

                           Sex = (Sex)userInfo.sex,

                           NickName = userInfo.nickname,

                           OpenId = userInfo.openid

 

                       };

                       log.Info(user.NickName);

                       ViewState["WeixinUserInfo"] = user;

 

                       //Response.Write(ViewState["WeixinUserInfo"]);

                       //Response.End();

                   }

                   catch (ErrorJsonResultException ex)

                   {

                       log.Error(ex.Message, ex);

                       Response.Write("3 " + ex.Message);

                       Response.End();

                   }

               }

           }

       }

1) 根据回调url上的code取access_token

result = OAuthApi.GetAccessToken(appId, appSecret, code);

2) 根据access_token取用户信息

OAuthUserInfo userInfo = OAuthApi.GetUserInfo(result.access_token, result.openid);

3)在页面上显示用户信息

var user = new UserInfoEntity()

{

    City = userInfo.city,

    Province = userInfo.province,

    Country = userInfo.country,

    HeadImgUrl = userInfo.headimgurl,

    Sex = (Sex)userInfo.sex,

    NickName = userInfo.nickname,

    OpenId = userInfo.openid

 

};

 

ViewState["WeixinUserInfo"] = user;

注意显示到页面上的实体一定要记得序列化,否则显示不出来:

[Serializable]
public class UserInfoEntity : IViewModel<UserInfoEntity, UserInfo>

4) 当点击页面上的 点赞按钮后,保存用户的信息

if (Page.IsPostBack)

{

       var userInfo = ViewState["WeixinUserInfo"] as UserInfoEntity;

        log.Info(userInfo.NickName);

        new UserInfoBll().Insert(userInfo);

 

        Response.Write("保存成功");

        Response.End();

}

数据访问框架层(ORM)采用了.NET平台的Entity Framework来实现;实体数据的转换使用开源的Object-Object Mapping工具Automapper。

4. 下载源码

http://yunpan.cn/cjapF4dFvngiu  访问密码 ca16

使用源码前,要先创建数据库(ORM/db.sql),修改config文件(里面是xxxx的)

用c#开发微信 系列汇总

用c#开发微信(2)扫描二维码,用户授权后获取用户基本信息 (源码下载)的更多相关文章

  1. 微信中扫描二维码自动打开手机系统默认浏览器下载APP(APK)

    很多朋友问我怎么解决微信内点击链接或扫描二维码可以直接跳出微信在外部浏览器打开网页链接,其实这并不难,只要我们实现微信跳转功能即可.下面给大家介绍这个功能 功能目的 生成微信跳转链接,实现微信内置浏览 ...

  2. 微信JSSDK 扫描二维码

    <?php require_once('wxjssdk.class.php'); $weixin = new class_weixin(); $signPackage = $weixin-> ...

  3. Swift开发小技巧--扫描二维码,二维码的描边与锁定,设置扫描范围,二维码的生成(高清,无码,你懂得!)

    二维码的扫描,二维码的锁定与描边,二维码的扫描范围,二维码的生成(高清,无码,你懂得!),识别相册中的二维码 扫描二维码用到的三个重要对象的关系,如图: 1.懒加载各种类 // MARK: - 懒加载 ...

  4. Win10 UWP开发:摄像头扫描二维码/一维码功能

    这个示例演示整合了Aran和微软的示例,无需修改即可运行. 支持识别,二维码/一维码,需要在包清单管理器勾选摄像头权限. 首先右键项目引用,打开Nuget包管理器搜索安装:ZXing.Net.Mobi ...

  5. android开发修改相机扫描二维码框的高宽

    我用的是网上一个现成的例子,可以直接用,但是高宽不合适,现在主流都是大屏幕手机了,所以需要更改. 找到CameraManager 类,更改下面的方法 public Rect getFramingRec ...

  6. 用c#开发微信 (20) 微信登录网站 - 扫描二维码登录

    像京东,一号店等网站都实现了用微信来登录的功能,就是用手机上的微信扫一扫网站上的二维码,微信上确认后,即可自动用微信的帐号登录网站. 1 创建网站应用 在微信开放平台创建一个网站应用 https:// ...

  7. Asp.Net微信登录-电脑版扫描二维码登录

    像京东,一号店等网站都实现了用微信来登录的功能,就是用手机上的微信扫一扫网站上的二维码,微信上确认后,即可自动用微信的帐号登录网站. 一.创建网站应用 在微信开放平台创建一个网站应用 https:// ...

  8. C#微信登录-电脑版扫描二维码登录

    像京东,一号店等网站都实现了用微信来登录的功能,就是用手机上的微信扫一扫网站上的二维码,微信上确认后,即可自动用微信的帐号登录网站. 一.创建网站应用 在微信开放平台创建一个网站应用 https:// ...

  9. php微信开发之带参数二维码的使用

    最近做微信PC端网页微信相关功能的开发,从一个新手的角度来说,微信公众号的文档还是不好理解的,网上找的帖子大都也都基本上是复制微信公众平台上给的文档,开发微信带参数二维码过程中还是遇到不少坑的,在此把 ...

随机推荐

  1. Windows Server 2003/2008 单网卡搭建VPN

    Windows Server 2003/2008 单网卡搭建VPN 1.打开[控制面板] --> [管理工具] --> [路由和远程访问] 2.鼠标右击你要管理的电脑 在弹出式菜单中选中[ ...

  2. ps 进程查看器

    命令参数 a 显示所有进程 -a 显示同一终端下的所有程序 -A 显示所有进程 c 显示进程的真实名称 -N 反向选择 -e 等于"-A" e 显示环境变量 f 显示程序间的关系 ...

  3. Ajax readystate 5种状态

    Status 说明 0(Uninitialized) XMLHttpRequest 对象已经创建,但没调用 open 方法. 1(Loading) 调用 open 方法,但没调用 send 方法.(尚 ...

  4. 6.Mybatis中的动态Sql和Sql片段(Mybatis的一个核心)

    动态Sql是Mybatis的核心,就是对我们的sql语句进行灵活的操作,他可以通过表达式,对sql语句进行判断,然后对其进行灵活的拼接和组装.可以简单的说成Mybatis中可以动态去的判断需不需要某些 ...

  5. swift使用swifthttp

    1.https://github.com/daltoniam/SwiftHTTP下载 2.将项目中的Source文件夹中的所有.swift拖到项目中 3.不用import 4.直接用HTTP.GET或 ...

  6. Rstudio代码的快捷键

    按tab键:有自动补全的功能 Ctrl+Enter:运行改行代码 Ctrl+1: 移动焦点到source编辑区 Ctrl+2: 移动焦点到控制台 Ctrl+enter Ctrl+L:删除该控制台的所有 ...

  7. Volley框架之网络请求和图片加载

    Volley是 Google 推出的 Android 异步网络请求框架和图片加载框架. Volley的特性 (1).封装了的异步的请求API.Volley 中大多是基于接口的设计,可配置性强.(2). ...

  8. AsyncTask下载网络图片的简单应用

    1.imageTest package lpc.com.asynctaskdemo; import android.app.Activity; import android.graphics.Bitm ...

  9. TCP/IP、Http的区别

    TPC/IP协议是传输层协议,主要解决数据如何在网络中传输,而HTTP是应用层协议,主要解决如何包装数据.关于TCP/IP和HTTP协议的关系,网络有一段比较容易理解的介绍:“我们在传输数据时,可以只 ...

  10. JS中delete删除对象属性

    1.删除对象属性 function fun(){   this.name = 'mm';   }   var obj = new fun();   console.log(obj.name);//mm ...