.NET MVC微信网页登录授权(有效)

本人因为刚入门这个踩了很多坑,回过头看,这原来这么容易。。。

1.我是一个web网页,在微信浏览器中需要用户登录授权这一步,所有才做了这个功能。下面讲解会很详细哦!

首先,你必须在微信公众平台获取自己的appId,相信这一步大家都会,就是注册。。注册。。如果没有注册公众号的可以选择

申请一个测试账号。

.NET MVC微信网页登录授权(有效)_第1张图片

2.oauth2.0的原理我不多讲,这里主要展示我的流程,下一步我建的MVC4项目,在默认的Home控制器下创建一个Login用于调用微信api的地址,这个Login页面如果在微信端打开,会显示一个是否授权的按钮。请注意flowerxh.cn是本人的域名,在微信公众平台要放置这个域名,然后Index是用来接收微信传给我的code和state(当然需要用户先点击授权)。

.NET MVC微信网页登录授权(有效)_第2张图片

3.在Index控制器中接收code和state,微信的回传地址是这样http://flowerxh.cn/Home/Index?code=code&state=STATE

所以在Index控制器中接受这两个值。下面将展示图中两个方法。

.NET MVC微信网页登录授权(有效)_第3张图片

4.展示GetAandO方法,在这个方法里,传入刚获取到的code值,然后拼接图中getAO所示的地址,微信会传来一个json对象,

其中包含accesstoken和openid等,但我们只需要这两个,所以取出之后存入全局变量中,等待下一步调用。

.NET MVC微信网页登录授权(有效)_第4张图片

5.最后一步,实现GetUserInfo()方法,在这个方法中将获取用户信息,将上一步得来的accesstoken和openid传入下面链接给微信,微信将返回你用户数据,其实就是一组json对象,用下列方法,取出你想要的信息,我现在取的是nickname(用户名),用户信息微信平台上有,取哪个看你的需要了。

.NET MVC微信网页登录授权(有效)_第5张图片

结束啦,这就是一套微信网页授权了,亲测有效哦,我发布到服务器测试的哦,但注意了,如果你是测试号,必须关注测试公众号才能登陆授权,只有真实的服务号才可以不用关注再授权哦!谢谢大家,有不足之处请指点!

你可能感兴趣的:(.NET MVC微信网页登录授权(有效))