微信小程序的登录流程

这篇具有很好参考价值的文章主要介绍了微信小程序的登录流程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.使用完整服务也就是用户登录并且允许获取头像和昵称的时候,微信小程序通过方法wx.login获取到code(5 分钟内有效),携带code、appid和appSecret发送请求到服务器端;

2.服务器端利用appId、appSecret 和code调用相对应的接口(auth.code2Session)发送请求到微信官方服务器进行校验,获取用户在该小程序的唯一标识openid和会话密钥session_key。(如果当前小程序已绑定到微信开放平台帐号,还返回用户在微信开放平台帐号下的唯一标识UnionID),将这些数据存储在服务器;

3.之后,服务器端响应给前端一个由jwt生成的token,微信小程序(调用wx.setStorage)异步存储或者(wx.setStorageSync)同步存储token, 异步就是不管数据保存成功了没有,程序都会继续往下执行,可以设置数据保存成功的回调函数;同步是等保存成功了,才会执行下面的代码;使用异步,性能会更好;而使用同步,数据会更安全。

4.之后,前端判断用户是否授权获取个人信息(wx.getSettings),如果已授权,则获取用户个人信息(wx.getUserInfo);这个时候应该获取用户的手机号,可以是触发button组件的点击事件,设置这个button的open-type为getPhoneNumber,弹出一个弹窗给用户,用户点击授权按钮之后触发了bindgetphonenumber事件执行事件处理函数,会接受一个事件对象,事件对象里有5分钟有效期的code(e.detail.code)一串字符串表明用户是否已允许获取手机号,判断这串字符串然后携带code和token或者session_key发送请求到服务器端,服务器端调用接口phonenumber.getPhoneNumber消费code发送请求到微信官方服务器获取该用户的手机号,之后返回给前端渲染。(bindgetphonenumber事件处理函数返回的 code 与 wx.login 返回的 code 作用是不一样的,不能混用.)

5.前端每次发送请求都在请求头中携带token,服务器端判断有无token,有token就调用jwt.verify方法验证,验证成功就获取相对应的数据,验证失败或者没有token就响应状态码401(请求授权失败)

6.如果前端拿到的状态码为401,就清除token的存储信息并且重新登录

相关文章:

Openid是什么,与unionid的区别

http 常见的响应状态码文章来源地址https://www.toymoban.com/news/detail-488084.html

到了这里,关于微信小程序的登录流程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序支付完整流程

    1、注册微信支付商户号(由上级或法人注册) 注册链接:https://pay.weixin.qq.com/index.php/apply/applyment_home/guide_normal#none 此商户号,需要由主管及更上级领导进行注册,会成为公司收款账户 企业注册需要材料:营业执照,对公银行账户信息,法人身份证 2、注册小程序账号(由上级或

    2024年02月10日
    浏览(45)
  • 微信小程序-微信小程序登录流程(一)

    微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用 冷启动: 小程序首次打开或销毁后再次被打开,此时小程序需要重新加载启动,即冷启动。会检查小程序是否

    2024年02月11日
    浏览(39)
  • 微信小程序蓝牙授权完整流程

            1.1 authorize:                 提前向用户发起授权请求。调用后会立刻弹窗询问用户是否同意授权小程序使用某项功能或获取用户的某些数据,但不会实际调用对应接口。如果用户之前已经同意授权,则不会出现弹窗,直接返回成功。更多用法详见 用户授权。

    2024年04月27日
    浏览(55)
  • php微信小程序登陆完整流程

    小程序登陆流程: 1、使用wx.login 获取code, 2、使用wx.getUserInfo 获取用户信息,然后上传到服务端, 3、服务端在通过codee获取access_token,openid 或 unionid 4、根据wx.getUserInfo 上传encryptdata 和 iv 解密获得用户的基本信息 5、执行注册流程返回注册信息 目录 my WXBizDataCrypt.php 文件

    2024年02月16日
    浏览(43)
  • 微信小程序授权登录流程

    我是IT果果日记,微信公众号请搜索 IT果果日记 一个普通的技术宅,定期分享技术文章,欢迎点赞、关注和转发,请多关照。 首先, 我们要了解什么是微信小程序登录?它的作用是什么? 微信小程序登录是为了让开发者的服务器获取用户的openId以及session_key的令牌。 请不要

    2024年02月14日
    浏览(58)
  • 微信小程序登录流程理解

    小程序官网里面会提到一个小程序的登录逻辑,下面是微信登录的整个过程,官方提供的图片。    官方流程的个人理解: 1.小程序启动 。 2.小程序通过 wx.login 获取微信的 code,然后将这个 code 发送给开发者服务器(我们自己的开发服务器) 3.开发者服务器接收到code 之后,

    2024年02月09日
    浏览(75)
  • 微信小程序的登录流程

    1.使用完整服务也就是用户登录并且允许获取头像和昵称的时候,微信小程序通过方法wx.login获取到code(5 分钟内有效),携带code、appid和appSecret发送请求到服务器端; 2.服务器端利用appId、appSecret 和code调用相对应的接口(auth.code2Session)发送请求到微信官方服务器进行校验,

    2024年02月09日
    浏览(45)
  • 微信小程序的微信登录流程

    目录 1、登录流程 2、wx.login 3、auth.code2Session 🍃作者介绍:双非本科大三网络工程专业在读,阿里云专家博主,专注于Java领域学习,擅长web应用开发、数据结构和算法,初步涉猎Python人工智能开发和前端开发。 🦅主页:@逐梦苍穹 🍔所属专栏:前端 📕您的一键三连,是我

    2024年02月22日
    浏览(47)
  • 【微信小程序】授权登录流程解析

      目录 微信授权登录流程 1. 官方图示流程详解 2. 代码登录流程拆解 2.1 前端代码示例讲解 2.2 后端代码示例讲解 2.3 代码登录流程拆解 🌟 3. 表情包存储展示(扩展) 附议  ① 微信服务器验证: 当用户打开小程序时,小程序会向用户展示登录按钮,用户点击登录按钮后,小

    2024年02月08日
    浏览(43)
  • 微信小程序登录流程与实现

    在了解小程序登录之前,请大家先了解小程序的全局实例和全局组件,以方便理解本文的后续内容,已经了解的可以直接开始。 全局实例和全局组件( 👈 点击直达) 微信小程序的登录流程 微信小程序的登录 首先需要写一个微信小程序的登录弹窗,登录弹窗的作用就是发起

    2024年02月16日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包