背景

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

技术栈

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

微信授权类型

原生APP微信授权、H5微信授权（JSSDK）、微信小程序、PC web 微信授权

流程

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

服务端：请求微信官方接口（带上code+appId+appScret），获取用户openid、session_key。

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

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

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

时序图

效果

弹出授权窗口

拒绝授权

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

获取微信用户信息

微信小程序授权登录功能实现相关推荐

简单实现小程序授权登录功能
本人给大家带来了关于微信小程序的相关知识,其中主要介绍了怎么实现小程序授权登录功能的相关内容,下面一起来看一下,希望对大家有帮助. 在我们平时工作.学习.生活中,微信小程序已成为我们密不可分的一部分, ...
微信小程序授权登录组件的封装
微信小程序授权登录组件的封装新建components文件写wxml文件 wxss部分 js部分 json引用页面使用页面js 授权登录流程如下: 因为多个页面功能需要登录状态所以做了个组 ...
新版微信小程序授权登录流程及问题汇总（getUserProfile）
问题来源:前不久去面试的时候有面试官问我你有自己的博客啥的吗?只能很尴尬的说没有.其实一直想有一个属于自己的博客啥的去记录自己在开发过程中遇到的问题,正好现在微信小程序比较流行,就花了两天自己搞了一个 ...
微信小程序授权登录第一次总是失败，第二次登录便正常了
微信小程序授权登录第一次总是失败,第二次登录便正常了错误流程调用用户点击授权用户信息按钮 ===> 调用wx.login( )生成code发送给后台生成session_key解密 ===& ...
SpringBoot微信小程序授权登录
SpringBoot微信小程序授权登录一.appId 1.1.自己是管理者:微信公众平台,申请或登录自己的微信小程序,在开发者管理中即可看到 2.2.自己是开发者:让管理员将自己加入到小程序开发者管 ...
uniapp微信小程序授权登录和获取微信绑定的手机号码
uniapp微信小程序授权登录和获取微信绑定的手机号码弹出授权的弹框 <view class="weixinOk" @tap="getUserProfile&qu ...
微信小程序授权登录取消授权重新授权处理方法附可用代码
微信小程序授权登录基本是小程序的标配了,但是官方的demo,取消授权后,就不能再重新点击登录,除非重新加载小程序才可以,这下怎么办? 我们可以先在首页引导用户点击,然后跳转到一个新的页面,在新的页面进 ...
2021-11-05 微信小程序实现登录功能
微信小程序实现登录功能(云函数的创建和调用) Page({data: {userInfo: {},},getUserProfile (e) {wx.getUserProfile({desc: '用于完 ...
微信小程序-注册登录功能-本地数据保存-页面数据交替
Title:微信小程序-注册登录功能-本地数据保存-页面数据交替完美-小程序登录注册功能.rar-- 访问码:yqa5 1.主页面主页面login.js代码 // pages/login/logi ...
SpringCloud 微信小程序授权登录获取openId SessionKey【SpringCloud系列13】
SpringCloud 大型系列课程正在制作中,欢迎大家关注与提意见. 自我提升方法推荐:神奇的早起早上 5:00 -5:20 起床刷牙 5:30-6:00 晨练(跑步.跳绳.骑自行车.打球等等) ...

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

背景

技术栈

微信授权类型

流程

时序图

效果

微信小程序授权登录功能实现相关推荐

最新文章

热门文章

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

背景

技术栈

微信授权类型

流程

时序图

效果

微信小程序 授权登录功能实现相关推荐

最新文章

热门文章

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

微信小程序授权登录功能实现相关推荐