微信小程序 授权登录功能实现

微信小程序 授权登录功能实现背景最近几周面试复习以前知识库,刚好博客从国外迁移到国内CNDS,同步坐下笔记,梳理之前开发微信小程序,微信授权登录功能。技术栈前端:微信小程序 后端:Nodejs IDE:微信开发者工具 开放平台:微信开发者平台微信授权类型原生APP微信授权、H5微信授权(JSSDK)、微信小程序、PCweb微信授权流程客户端:用户行为触发请求微信官方,获取code。服务端:请求微信官方接口(带上code+appId+appScret),获取用户openid、s…

大家好,欢迎来到IT知识分享网。

背景

最近几周面试复习以前知识库,刚好博客从国外迁移到国内CSND,同步坐下笔记,梳理之前开发微信小程序,微信授权登录获取用户信息数据。 

 

技术栈

  • 前端:微信小程序
  • 后端:Nodejs
  • IDE:微信开发者工具
  • 开放平台:微信开发者平台

 

微信授权类型

原生APP微信授权、H5微信授权(JSSDK)、微信小程序、PC web 微信授权

 

流程

客户端:用户行为触发请求微信官方,获取code。

服务端:请求微信官方接口(带上code+appId+appScret),获取用户openid、session_key。

服务端:自定义登录鉴权方式,返回登录结果、鉴权数据给客户端。

客户端:控制页面路由跳转,后续请求带上自定义登录鉴权数据请求服务端。

服务端:判断自定义登录鉴权有效性,控制接口数据返回。

 

 

时序图

微信小程序 授权登录功能实现

 

 

 

效果

登录

微信小程序 授权登录功能实现

弹出授权窗口

微信小程序 授权登录功能实现

 

拒绝授权

 

微信小程序 授权登录功能实现

同意授权,登录成功进入首页

微信小程序 授权登录功能实现

 获取微信用户信息

微信小程序 授权登录功能实现

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/24075.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信