资讯专栏INFORMATION COLUMN

业务中前后端分离下的微信授权流程记录

GitChat / 1744人阅读

摘要:业务中前后端分离下的微信授权流程记录这个是微信授权的流程我觉得微信的文档授权流程还算清晰易懂,可是不太清楚具体是哪部分前端做,哪部分后端做导致在业务中,折腾了不少时间,特此记录一下业务实践。

业务中前后端分离下的微信授权流程记录

这个是微信授权的流程

https://mp.weixin.qq.com/wiki...

https://mp.weixin.qq.com/wiki...

我觉得微信的文档授权流程还算清晰易懂,可是不太清楚具体是哪部分前端做,哪部分后端做

导致在业务中,折腾了不少时间,特此记录一下业务实践。

第一步,当进入需要授权的页面时,「前端」向「微信」发起授权请求,前端需要提供redirect_uri,这个redirect_uri就是后端提供的一个接口地址

第二步,微信的授权页面会被唤出,用户如果点击【同意授权】,「微信」会跳转至 redirect_uri/?code=CODE&state=STATE

第三步,「微信」会跳转至 redirect_uri/?code=CODE&state=STATE,其实就等于微信访问了后端的接口,后端可以取到code

之后一系列操作,后端根据业务需求拉取信息,比如凭借code换取access_token,然后拉取openid等用户信息

第四步,后端拿到这些信息之后如何返回给前端呢,可以让后端重定向到前端页面,并把openid等信息,以?的形式,挂在url后面

第五步,前端在需要授权的页面,从url的查询字符串里,获取openid等用户信息就可以啦

需要注意redirect_uri是需要公众号后台配置的。并且不带开头http

在我们这个方案当中,redirect_uri 配置的是后端的某一个接口地址

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/98705.html

相关文章

  • 基于token的用户权限认证机制——以微信公众号授权网页为例

    摘要:微信提供了作为识别用户身份的凭证,可以结合设计一套用户身份权限认证机制。认证免疫跨站请求伪造,而认证则存在遭受的可能性。此处的是引导用户进入授权页面后微信服务器附加上去的,详细方法见微信公众平台的微信授权网页文档。 项目背景 最近在开发一个微信公众号商城,在调用下单、支付、查询订单等等接口时,需要验证用户的身份。微信提供了openid作为识别用户身份的凭证,可以结合openid设计一套...

    3fuyu 评论0 收藏0
  • 使用 vue2.0 开发微信公众号下前后分离的SPA站点的填坑之旅

    摘要:目前正在写一个微信公众号的小项目,记录一下遇到的问题和解决方法主要是前端。前端提交时使用,在后端再取出对应的微信支付看了下文档,以前是需要用唤起支付,而现在则是把微信内置到了微信的浏览器中。 目前正在写一个微信公众号的小项目,记录一下遇到的问题和解决方法(主要是前端)。内容持续更新中~ 主要实现 前后端分离前端为 SPA 单页面使用微信的JSSDK微信支付 技术方案 后端使用 php ...

    afishhhhh 评论0 收藏0
  • 使用 vue2.0 开发微信公众号下前后分离的SPA站点的填坑之旅

    摘要:目前正在写一个微信公众号的小项目,记录一下遇到的问题和解决方法主要是前端。前端提交时使用,在后端再取出对应的微信支付看了下文档,以前是需要用唤起支付,而现在则是把微信内置到了微信的浏览器中。 目前正在写一个微信公众号的小项目,记录一下遇到的问题和解决方法(主要是前端)。内容持续更新中~ 主要实现 前后端分离前端为 SPA 单页面使用微信的JSSDK微信支付 技术方案 后端使用 php ...

    Taonce 评论0 收藏0
  • 系统的讲解 - SSO单点登录

    摘要:概念英文全称,单点登录。登录如上述流程图一致。系统和系统使用认证登录。退出上图,表示的是从某一个系统退出的流程图。与的关系如果企业有多个管理系统,现由原来的每个系统都有一个登录,调整为统一登录认证。 概念 SSO 英文全称 Single Sign On,单点登录。 在多个应用系统中,只需要登录一次,就可以访问其他相互信任的应用系统。 比如:淘宝网(www.taobao.com),天猫网...

    Kylin_Mountain 评论0 收藏0
  • laravel前后分离获取微信授权,结合laravel-wechat

    摘要:开始之前,请一定仔细阅读微信开发者文档文档中,总共写了几个步骤通过和需要跳转的路由去请求授权授权之后跳转路由中返回的注前端只需要知道这两个步骤根据获取根据获取用户信息授权前端发起授权请求。 1、开始之前,请一定仔细阅读微信开发者文档文档中,总共写了几个步骤: 1、通过appId和需要跳转的路由去请求授权 2、授权之后跳转路由中返回的code 注:前端只需要知道这两个步骤 3、根据c...

    刘厚水 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<