微信网页登录

参考：https://www.cnblogs.com/ampl/p/9076125.html

之前一直对微信上打开一个H5页面是怎么实现的不是很清楚，这会好好过了下，回忆如下：

微信H5说白了就是用微信打开一个网页，然后关于网页上那个获取你个人授权登录的操作其实就是Auth2.0的流程，忙到晚上3点总算把这块逻辑搞懂了，记录下吧。

背景：前后分离项目，你的要调用微信接口的服务器域名要在后台拉入白名单，接口权限-网页授权获取用户基本信息-修改-功能设置

1. 前端检查本地是否有token
2. 如果没有，走我写的接口wxLogin，我的接口就一个功能，跳转微信同时接受前端传过来的url放到微信要回调的redirect_uri上
3. 然后微信收到你的请求后会回调你带过来的前端路径，顺便会把code放到url后面，他会访问这样一个地址www.xxx.com/main.html?code=1fd32dsafj
4. 然后前端就要时刻从url上获取code，判断如果获取了code就请求后端的接口getTokenByCode
5. 后端这边会通过code获取access_token，然后用access_token和open_id换取用户的信息
6. 接着就是走逻辑了，根据open_id判断是否有这个用户，没有则新增，有就查处，然后生成jwt的token返回给前端
7. 前端就继续带着token通过中间件访问接口，中间件那边处理好保存用户的基本信息

完结