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

前言：

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

1.第一步：用同意授权，并获取code

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

3.第三步：刷新access_token（如果需要）

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

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

解决方案：

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

一步到位的流程如下：

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

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

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

第一步：A前端->

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

注：回调的链接一定要写前端的链接

第三步：前端引导关注者打开微信确认授权页面，并缓存下用户信息

当然，你前端调后端接口的时候，后端服务器一定要做跨域处理（如果不知道怎么配置，请看我这篇文章解决宝塔 Nginx 跨域问题Access-Control-Allow-Origin_甘左左的博客-CSDN博客），简单的讲，就是把跳转微信的链接的操作给前端去跳

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

前后端分离后产生的跨域问题sessionid丢失，cookies无法写入等
文章目录前言一.会话机制 1. 何为一次会话,会话从什么时候开始,从什么时候结束? 2.cookies如何保持会话,它的工作流程? 3.session原理分析: 实例记录sessionid变化(前 ...
前后端分离后的前端时代
什么是前后端分离,要区分前端和后端,需要有个明确的界限.一般,用户可以直接看到的东西,都是属于前端的范畴,除了前端之外都属于后端了. 在传统的像ASP,JSP和PHP等开发模式中,前端是处在一个混沌的 ...
前后端分离后的前端时代 1
本文从前端开发的视角,聊一聊前后端分离之后的前端开发的那些事儿.阅读全文,大约需要8分钟. 什么是前后端分离除了前端之外都属于后端了. 你负责貌美如花,我负责赚钱养家在传统的像ASP,JSP和PH ...
前后端分离后的前端时代，使用前端技术能做哪些事？
什么是前后端分离,要区分前端和后端,需要有个明确的界限.一般,用户可以直接看到的东西,都是属于前端的范畴,除了前端之外都属于后端了. 在传统的像ASP,JSP和PHP等开发模式中,前端是处在一个混沌的 ...
PHP开发B2C商城微信小程序商城系统源码+数据库，轻量级前后端分离的电商系统，支持微信小程序 + H5+ 公众号 + APP
项目介绍一款轻量级.高性能.前后端分离的电商系统,支持微信小程序 + H5+ 公众号 + APP,前后端源码完全开源,看见及所得,完美支持二次开发,可学习可商用,让您快速搭建个性化独立商城. 完整代 ...
springboot前后端分离后权限原理浅谈
1. 需求描述最近在梳理springboot前后端分离后的权限管理问题.前段时间,已经把shiro的实现和spring security 的实现进行了初步的了解.如果深入细节,一个篇幅怕是不够.本文 ...
你需要来自trustedinstaller的权限才能删除_前后端分离后的权限控制设计方案
近几年随着react.angular.vue等前端框架兴起,前后端分离的架构迅速流行.但同时权限控制也带来了问题.网上很多前.后端分离权限仅仅都仅仅在描述前端权限控制.且是较简单.固定的角色场景,满足 ...
前后端分离，解决Spring Cloud GateWay + Nacos使用lb请求报503错误以及403跨域问题
在使用前后端分离时,前端请求gateway接口,gateway使用lb负载均衡请求目标服务. 如下: spring:cloud:gateway:routes:- id: test-demouri: l ...
前后端分离后前端获得session数据_机器学习模型部署--打通前后端任督二脉
## 前言 ### 学历与定位近日在某论坛,有网友提问道:搞机器学习是不是要博士或是硕士学历,是不是要求很高,顶会论文?本科生或者更低学历的,是不是就没有机会了?从最近公司的招聘来看,算法工程师的 ...

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

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

最新文章

热门文章