前后端分离后解决微信授权跨域、微信H5授权登录跨域的问题解决

本文介绍了在前后端分离的架构下,如何解决微信授权登录过程中的跨域问题。原有流程在同源策略下运行正常,但在前后端分离后,通过前端调用后端接口获取授权信息时出现跨域。解决方案包括前端引导用户打开授权页面并缓存信息,后端提供跳转链接,并确保服务器配置允许跨域。
摘要由CSDN通过智能技术生成

前言:

我们之前做的微信授权登录流程是:

1.第一步:用同意授权,并获取code

2.第二步:通过code换取网页授权access_token

3.第三步:刷新access_token(如果需要)

4.第四步:拉取用户信息(需scope为 snsapi_userinfo)

以上操作都是在同源策略下完成是没有问题的

解决方案:

如果前后端分离,前端调后端接口获取授权信息的话,你想一步到位,那就会有跨域问题如下图

一步到位的流程如下:

A前端->B后端拉取授权信息->引导关注者打开微信确认授权页面->B后端接收微信返回的微信授权信息->将信息返回给A前端

当然,对于我们之前以经开发完的微信授权,我们这会修改都想简单点解决这个问题,不想重新写一套,争取能做到灵活切换

简单点流程你只需要改一步操作就可以了,如下:

第一步:A前端->

第二步:B后端拉取授权信息并返回跳转微信的链接给前端,如下:

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值