前后端分离 微信登录

一、配置
微信配置

上面的配置名称随意,可以拿到即可
redirect_url是微信用户扫描之后跳转的页面,这里是前端的路由(前后端不分离的话,可以是后端路由)
AppID、AppSecret 是注册微信开放平台(企业)后,微信给的标识符和密钥
详情查阅官方文档

二、工具包依赖

<dependency>
    <groupId>org.apache.httpcomponents</groupId>
    <artifactId>httpmime</artifactId>
    <version>4.5.10</version>
</dependency>
<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>fastjson</artifactId>
    <version>1.2.62</version>
</dependency>

三、思路
1、微信回调。后端构造微信扫码地址,前端获取并作处理跳转
扫码地址获取
2、微信用户确认授权后,自动跳转到前面指定的redirect_url(前端路由),在该路由页面加载发送自己的登录请求,如下
后端登录处理
httpClient发送请求
3、前端请求
3.1 api
微信登录api
vuex存储
3.2 发送请求(临时页面,主要是为了微信确认后重定向获取到code)
登录请求
备注:利用中间页面跳转会暴露code,暂时不知道如何处理

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值