小程序授权登录流程

最新推荐文章于 2023-07-13 15:49:21 发布
原创 最新推荐文章于 2023-07-13 15:49:21 发布 · 780 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序

本文详细介绍了微信小程序的授权登录流程。首先，通过在button组件上设置open-type属性触发授权请求，用户点击后，微信会弹出授权页面。接着，通过console.log(e)获取用户信息，包括encryptedData、rawData、iv和signature等关键参数。最后，利用这些信息和微信API获取到登录code，完成授权登录过程。

小程序授权登录流程

实现登录首先要和微信建立连接，然后获取用户的信息，进行授权登录

在这里插入图片描述
点击button按钮进行申请，小程序的button按钮有内置的属性，点击该按钮时，会返回获取到的用户信息。
在这里插入图片描述
然后设置button按钮的open-type属性
在这里插入图片描述
然后就会和微信建立连接，跳出授权登录的页面
在这里插入图片描述
然后给点击事件使用console.log(e),然后就可以获取到detail参数，里面就是获取到的用户信息。
在这里插入图片描述
里面有4个参数encryptedData（加密数据）, rawData, iv（ 加密值）, signature
在这里插入图片描述
然后获取小程序登陆成功后的code
在这里插入图片描述

@qmt
关注
微信小程序--授权登陆流程
ShIcily的博客
07-08 2533
一、先说明，登录是登录，授权是授权。 1、登录：通过wx.login拿到code给后台，接口返回token、openID等参数。有了这些参数我们就可以直接请求那些不需要用户操作便可以读取的接口（比如：新闻列表、新闻详情、视频播放等等）； 2、授权：当小程序需要用户操作（比如：关注、评论、下单购买、地理位置、个人中心等等），就需要用户先授权。 二、...
【微信小程序 + 登录流程】微信小程序授权登录完整流程，一篇搞定！（含代码实现）
最新发布
Una的博客
10-22 3423
本文详细介绍了微信小程序授权登录的完整流程，包括基础登录态检查、获取临时凭证code、服务器换取用户标识、生成自定义登录态等核心步骤。重点讲解了获取用户信息和手机号授权的特殊流程，强调了wx.getUserProfile()和button组件的使用规范。文章还提供了服务器端解密手机号的技术实现细节，并总结了常见错误排查方法，为开发者提供了一套完整的小程序登录解决方案。最后提醒开发者注意session_key等敏感信息的安全处理，确保登录流程的安全性和用户体验。
微信小程序授权登录流程
SWABS23的博客
01-01 629
小程序登录流程 小程序登录流程可分为三部分 小程序，开发者服务器，微信服务器 我这里主要介绍小程序与开发者服务器交互 先从onlaunch先从缓存中取出token const token=wx.getStorageSync(TOKEN) ...
小程序登录授权的流程
qwerwjs的博客
05-16 519
小程序登录授权的流程 首先我先在页面上完成一个登录的和未登录的布局样,这是未登录的样子 2.登录的样子 首先我们先在js文件中的data里面写一个方法userinfo:{} 然后我们使用 <!-- 以登录--> <viewclass="box_yes"wx:if="{{userInfo.avatarUrl}}">未登录的布局样式</view> <!-- 未登录 --> <viewclass="box_no"...
「SpringCloud」微信小程序授权登录流程设计和实现
11-17
在设计与实现微信小程序授权登录流程中，需要关注的几个核心环节包括用户在小程序中的操作流程、前后端数据交互以及安全性和隐私保护。 首先，用户在小程序中的操作流程是登录流程设计的关键。用户打开小程序后，...
关于小程序授权登录流程思路
weixin_47295135的博客
11-29 2184
在进入小程序的时候要判断是否有授权，如果没有授权，则要先授权之后，才能登陆到小程序的首页。 文章目录前言一、小程序的状态有哪几种状态以及发展的方式1.判断是否有授权2.若已经授权3.授权总结 前言 授权登录是为了获取用户得信息、昵称、以及头像id，若没有授权登录，用户无法正常访问并使用小程序。 小程序授权登录流程，如下图： 一、小程序的状态有哪几种状态以及发展的方式 如上图所示，我个人归纳为三种 1，未授权状态 2，授权未注册状态 3，授权未登录状态 1.判断是否有授权 1.在进入小程序的时候要判断
fastadmin 后端+uniapp 前端微信小程序授权登录代码 前端+后端
04-13
微信小程序授权登录的流程大体如下：当用户在小程序端发起登录请求时，小程序会调用微信提供的登录API，返回一个临时登录凭证code。然后，小程序将这个code发送到后端服务器。后端服务器通过code向微信服务器请求...
小程序授权登陆流程
weixin_57980265的博客
05-16 419
小程序授权登陆流程 1.授权 2.注册(获取用户信息) 3.登陆 4.授权获取微信绑定的手机号(判断用户身份) WXML //先注册再去获取用户信息比如手机号等 // 1. type类型为getUserInfo 获取用户信息 <button open-type="getUserInfo" bindgetuserinfo="joinbtn">立即加入</button> // 2. type类型为getPhoneNumber 获取用户手机号 <button bindgetpho
小程序：授权登录流程
1363648943的专栏
07-13 1653
小程序：授权登录流程
小程序最新标准授权登录流程+逻辑
祈澈菇凉
12-10 2150
小程序自上线以来，官方一直在调整API，因此也出现了一批被废弃的接口，作为程序员的我们，此时此刻千万不能为这不断的变化而感到头疼，应当与时俱进，不断的更新自己的知识储备和应用技能。 新旧对比： 旧的方法：旧方法wx.getUserInfo按照用户登录时，弹出需要授权的弹窗，用户点击授权后才能使用。 新方法：Open-data的灵活使用方法，...
小程序登录授权功能
婳祎
07-17 1026
登录 首先通过wx.login获取用户登录的凭证code，然后将code提交到你的后台来换取 openid ，session_key ， unionid等信息。 wx.login({ success(res){ console.log(res) if (res.code) { // 发起网络请求，用于用户登录 wx.request({ url: '后台登录的接口', ...
微信小程序授权登录流程图
02-27
### 微信小程序授权登录流程图 微信小程序的授权登录机制涉及多个交互环节，这些环节共同作用以确保安全性和用户体验。以下是基于描述构建的一个简化版流程： #### 1. 用户触发登录行为 当用户首次打开应用或执行...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值