微信登录的几种方式 以及在前后端分离如何实现

要处理微信第三方登录，已经是很正常的需求，读微信公开的文档，感觉还是有一些坑，自己写一个随笔好记录一下。

大概两年前，初次接触微信第三方登录的需求是一个网页应用，大概就是在微信开放平台申请一个开放平台权限，然后创建一个app，在app里面配置一个回调域名，当用户点击微信登录时，把用户带到微信那边的二维码，然后用户扫码，微信那边通过之后，带着某些信息，redirect到我们的一个action，然后，我们通过读取这个action中的token拿到用户的profile，通过用户profile可以找到对应的用户userid，然后授权登录。这种方式试用与没有微信公众号的企业，仅仅把微信当做了方便用户去登录的渠道。

这次我们要说的是另外一种登录方式，就是通过微信公众号来实现第三方登录。

前期准备工作，首先需要一个公众号。以管理者的方式登录微信号之后，在左下方可以找到关于开发的菜单：

 

 

 

我们在公众号的首先就会有APPID和APPSecret，我们需要配置服务器，这里配置服务器时特别要注意，也是与第一种登录方式不一样的地方，这里设置的不是一个hostname，而是一个具体的request。

 

 文档里面没有过多地做说明，但是其实这里配置的URL有两个意思。

1.微信会对这个地址调用get请求，会传入几个参数，然后你得按照他的要求返回，这样就能通过这个配置。

2.这也是文档里面没有说明的一个点，就是，当之后用户通过二维码扫描进来时，微信会对这个url发送一个post请求，这个post请求会传入scene相关信息。scene其实就是让开发者来传递的参数。

post格式文档里面有：

<xml>
  <ToUserName><![CDATA[toUser]]></ToUserName>
  <FromUserName><![CDATA[FromUser]]></FromUserName>
  <CreateTime>123456789</CreateTime>
  <MsgType><![CDATA[event]]></MsgType>
  <Event><![CDATA[subscribe]]></Event>
</xml>

你还需要对这个post请求做相应的响应，给你的直观感受就是当你扫描二维码进入微信的提示。一般会是欢迎 XXX 登录什么系统。

在微信的说明文档上，没有说明这个返回值。其实返回值是

<xml>
  <ToUserName>xxxxxxxx</ToUserName>
  <FromUserName>xxxxxxxx</FromUserName>
  <CreateTime>1573190078536</CreateTime>
  <MsgType>text</MsgType>
  <Content>绑定超时或失败,请再次绑定！</Content>
</xml>

然后再一个，当你是一台电脑做服务器，分布式时，需要在你的nginx里做一个反向代理，大概的意思就是把 /xxx 映射到 xxxx:port/wx

因为设置微信URL时，不能填写端口，所以只能是80端口或者443端口。

location /wx {

proxy_pass http://localhost:8082/wx/checkSignature;
}

原文链接:https://www.cnblogs.com/hellocz/p/11819519.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有