微信登录(微信公众号授权)的开发(详解)

1.UnionId和OpenId

微信登录最重要的两个返回信息,一个是UnionId,一个是OpenId。两者之间有着必然的联系。

首先,先来理一下微信开放平台的架构。开发微信登录,必须有一个开放平台账号(公众号授权可以不用,后面会讲到)。开放平台下面可以申请多个应用或绑定微信公众号(必须为服务号)。如下图所示

图片描述

APP登录就得申请移动应用(做了微信支付的都知道怎么回事了哈);电脑端登录就得申请网页应用(必须有域名,还得填表什么的,具体就不说了);微信公众号授权,主要场景是,在微信打开某个链接,然后用户统一授权给公众号,表示可以获取用户的微信信息。

开放平台和各种申请的应用或者公众号的关系,如下图所示(别问我为什么这都还要用图表示)。

图片描述

可以把这想象成是订单主表和订单明细的关系(一对多)。

这跟OpenId和UnionId有什么关系呢?

先来讲OpenId,一个微信账户对应每一个应用或者微信公众号,有各自的OpenId,用来标记,这个微信账户,和这个应用,或者微信公众号的关系。接着看图会清晰一点(好羞耻,又有不可描述的图了)

图片描述

PS:图上所示的应用和微信公众号都在同一个开放平台下。但是这个关系即使是应用不在同一个微信开放平台下仍然成立。

接着是UnionId。可以把UnionId看成是微信用户和微信开放平台的关系。再来一个图(请叫我达芬奇,谢谢)。

图片描述

总结起来就一句话,一个微信和不同应用以OpenId联系,与开放平台下以UnionId联系。

2.微信登录(公众号授权)的流程

流程说起来就那么点。获取Code->用Code获取AccessToken和OpenId(和UnionId)->用AccessToken获取微信用户的微信信息。

需要讲的是,每种应用获取Code的方法不一样。UnionId返回的时候可能没有,APP登录需要根据获取code传入的scope来返回,公众号需要绑定了开放平台之后才能获取UnionId。本人姓懒,所以这个SDK获取的Code都是能拿到UnionId的。

首先是APP,微信有官方的SDK提供,几行代码他们APP前端就能获取到Code。

@RequestMapping("/recieveCode")
public void revieveCode(Code4AccessToken codeObj) throws Exception{
    WechatLoginClient.getUserInfoByCode4App(codeObj);
}

接着是电脑端扫码登录。流程大概是这样子的。前端请求服务器->服务器重定向到,拼接好微信扫码登录的链接(里面拼接了回调接口)->微信收到用户扫码登录确认的请求,回调服务器的接口->服务器获得Code->接下来用Code为所欲为。代码示例如下:

//以Spring MVC为例
@GetMapping("/wxauth")
public String wxAuth(String state) throws Exception{
//state我称为胎记,最后会讲到。    
    String authUrl=WechatLoginClient.getPcAuthUrl("域名"+"/recieveCode",state);
    return "redirect:"+authUrl;
}

@RequestMapping("/recieveCode")
public void revieveCode(Code4AccessToken codeObj) throws Exception{
    //拿到微信头像,昵称什么的。当然还有UnionId和OpenId
    WechatUserInfo userInfo = WechatLoginClient.getUserInfoByCode4PC(codeObj);
}

登录的效果如下:
图片描述

PS:还有一种做法呢是引用微信官方的JS,同样是微信扫码确认之后,回调服务器的切口并返回Code,具体看文档吧。

最后是公众号。流程跟Pc扫码的差不多。前端请求服务器->服务器拼接授权地址返回->前端把授权地址分享到微信->用户点开授权->微信回调服务器接口。也可以不经过服务器返回链接,直接像PC端登录一样,请求服务器的时候重定向。但是鉴于有些特殊的需求。比如下面的Demo是演示分销模块的逻辑(就是特么的邀请码什么的)。

@GetMapping("/wxauth")
@ResponseBody
public String wxAuth(@RequestParam("token")String token) throws Exception{

    //处理token
    LoginInfo info = service.findByToken(token);    

    String inviteCode = info.getInviteCode();
    String authUrl=WechatLoginClient.getOfficialAccAuthUrl("域名"+"/recieveCode",inviteCode);
    return authUrl;
}

@RequestMapping("/recieveCode")
public void revieveCode(Code4AccessToken codeObj) throws Exception{
    //获取邀请码
    String inviteCode = codeObj.getState();
    /**
        根据邀请码处理自己的业务
     */

    //拿到微信头像,昵称什么的。当然还有UnionId和OpenId
    WechatUserInfo userInfo = WechatLoginClient.getUserInfoByCode4OffcialAcc(codeObj);
}

3.State参数

接着说说state这个参数。在拼接获取Code链接的时候,会额外传入一个参数叫state。这个参数的值是你怎么传过去给微信,微信怎么传回来给你。我觉得跟胎记很像。就是你不管你的娃去微信那里多久了,你都能根据这个胎记认出,这就是你的娃。分销模块就是个很好的例子。也有的往state里面传入sessionId的,比如扫码登录。

  • 3
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值