文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

通过大白话理解微信小程序的授权登录

2022-12-08 20:58

关注

前言

学习改文章,您就有清晰的微信小程序授权思路,前后端遵循开发规矩即可

当然更加完善的实现办法要去看官方文档的推荐

学习前建议看看授权大白话理解-微信小程序获取授权

大白话讲步骤:

按照最常见的,点击一个按钮进行登录

1. 前端写一个button 按钮点击调用一个方法

2. 前端点击button后,该调用的该方法里面写wx.login( ) 方法,这时候你会获得一些数据

其中code才是我们需要的

代码展示

有了code之后,我们应该用wx.request( )发送一个请求把他传给后端,因为后端才可以通过这个code来进行登录凭证

3. 后端怎么进行登录凭证?

  1. 后端要通过微信提供的接口,然后把从前端拿到的code,再转发发送到微信服务器获得信息
  2. 微信服务器提供的接口是:https://api.weixin.qq.com/sns/jscode2session?appid={0}&secret={1}&js_code={2}&grant_type=authorization_code
    后端就是通过这个发送get请求给微信服务器的
  3. 上面的appid , secret , js_code 后面的三个参数就是要替换的
    1. appid是应用id,通过登录微信公众号后台去获取的
    2. secret是应用秘钥,也是通过微信公众号后台去获取的
    3. js_code就是我们前段发送wx.request()传过来的code数据
  4. 为什么这么做?因为appid,secret是微信给每一个开发者账号独一无二的"身份证",让你们合法合规的去获取用户的微信账号信息,如果你们敢乱来的话,那就…,微信小程序也是实名了的。嗯…
  5. 这时候后端通过get请求获取到了官方给你们返回的用户信息了(返回的信息里面openid和session_key 等信息),我们就是要取openid和session_key这两个信息(openid是独一无二的)
  6. 拿到这两个数据后后端服务器要保存,然后返回一个token给前端(这个token能和openid和session_key关联就可以,但是非常不推荐直接返回openid 和 session_key)

4. 前端拿到后端返回的数据了

拿到token,就存进storage里面了,有这个token且未过期就代表你是合法的了,你可以结合微信授权用户信息–wx.getUserInfo( )来拿他个人具体信息了

微信服务器返回的res就是他本人授权登录的账号信息,但是res里面有很多信息,想要她的具体数据,我们需要哪一些?

1. encrytedData:(这一段非常长的数据正是用户信息严格加密后的数据)

2. iv:是加密算法的初始向量

我们拿到上面的encrytedData,iv,再加上之前向后端要的能和openid、session_key关联上的token,一并wx.request( )发给后端

5. 后端拿到数据后

用他传过来的【encrypted 结合 iv】 对 【openid 和session_key】进行解密

然后解密得到重要的数据,返回给了前端

6. 前端拿到数据后:

  1. 渲染数据
  2. 或进一步对数据做出处理

以上总结

  1. 以上整一个过程就是前后端的执行过程,先是wx.login( )登录,得到了code,然后去微信服务器上面换取openid 和 session_ky
  2. 前端得到用户授权,然后就有了用户的独一无二的encrypted 和 iv,这是用户的信息
  3. 把这个encrypted 和 iv 给到后端 ,后端就结合之前用户登录得到的session_key进行解密
  4. 解密后得到他的具体信息,返回前端

在微信文档里面都有了 — 点我跳转去看

官方文档安排的明明白白的

疑问2:下载了里面有什么类型的后端代码?

1.有以上四种类型的代码,可以直接复制粘贴来跑,按照他的接口就可以

2. 像Java之类的,百度上面有很成熟好用的解密类,百度就可以下载

总结

到此这篇关于通过大白话理解微信小程序的授权登录的文章就介绍到这了,更多相关微信小程序授权登录内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯