微信小程序获取用户信息并保存登录状态详解


Posted in Javascript onMay 10, 2019

前言

微信小程序的运行环境不是在浏览器下运行的。所以不能以cookie来维护登录态。下面我就来说说我根据官方给出的方法来写出的维护登录态的方法吧。

一、登录态维护

官方的文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-login.html#wxloginobject

通过 wx.login() 获取到用户登录态之后,需要维护登录态。开发者要注意不应该直接把 session_key、openid 等字段作为用户的标识或者 session 的标识,而应该自己派发一个 session 登录态(请参考登录时序图)。对于开发者自己生成的 session,应该保证其安全性且不应该设置较长的过期时间。session 派发到小程序客户端之后,可将其存储在 storage ,用于后续通信使用。

登录时序图

微信小程序获取用户信息并保存登录状态详解

从上图可以看出。当我们通过wx.login()获取code的后,发送给我们的服务器,然后去请求微信服务器换取得到对应的openid与session_key,openid是该用户在小程序中的唯一标识用于模板通知之类的。session_key就是用来解密用户的敏感信息。unionid之类的。unionid是微信用户在所有微信平台下的唯一标识。下面我会讲解一下如何得到。

微信小程序获取用户信息并保存登录状态详解

以上就是我的实现方法。调用wx.login()得到code后请求服务器获取openid与session_key缓存在服务器当中。其中生成一个随机数为key,value为openid与session_key。然后返回到小程序通过wx.setStorageSync('LoginSessionKey',得到的随机数key)缓存在小程序当中。每当我们去请求服务器时带上LoginSessionKey即可给服务器读取从而判断用户是否在登录。是不是很简单呢?

二、用户数据的加解密

通过wx.login()登录之后。我们可以通过wx.getUserInfo()获取用户信息。其中一些不敏感的信息在返回的 result中的userInfo里。如想要获取敏感信息。openid,unionid之类的。则需要从密文中去解密得到。

而密文则在encryptedData这个字段当中。我们去请求我们服务器去解密然后得到敏感信息后则可以保存起来。

加密数据解密算法

接口如果涉及敏感数据(如wx.getUserInfo当中的 openId 和unionId ),接口的明文内容将不包含这些敏感数据。开发者如需要获取敏感数据,需要对接口返回的加密数据( encryptedData )进行对称解密。 解密算法如下:

  1. 对称解密使用的算法为 AES-128-CBC,数据采用PKCS#7填充。
  2. 对称解密的目标密文为 Base64_Decode(encryptedData),
  3. 对称解密秘钥 aeskey = Base64_Decode(session_key), aeskey 是16字节
  4. 对称解密算法初始向量 iv 会在数据接口中返回。

微信官方提供了多种编程语言的示例代码(点击下载)。每种语言类型的接口名字均一致。调用方式可以参照示例。

这时候我们通过小程序得到的result.encryptedData与result.iv与后端得到的session_key 解密出我们得到的敏感用户信息了。

官方给出的解密文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/signature.html

以上所述是小编给大家介绍的微信小程序获取用户信息并保存登录状态详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)
Aug 15 Javascript
详解JSON1:使用TSQL查询数据和更新JSON数据
Nov 21 Javascript
JavaScript禁止微信浏览器下拉回弹效果
May 16 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
Jun 20 Javascript
详解vue-router和vue-cli以及组件之间的传值
Jul 04 Javascript
基于js中的原型(全面讲解)
Sep 19 Javascript
JS实现简易换图时钟功能分析
Jan 04 Javascript
实例解析Vue.js下载方式及基本概念
May 11 Javascript
React 路由懒加载的几种实现方案
Oct 23 Javascript
微信小程序缓存过期时间的使用详情
May 12 Javascript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
Jul 06 Javascript
利用PHP实现递归删除链表元素的方法示例
Oct 23 Javascript
jsonp实现百度下拉框功能的方法分析
May 10 #Javascript
微信小程序用户授权,以及判断登录是否过期的方法
May 10 #Javascript
利用es6 new.target来对模拟抽象类的方法
May 10 #Javascript
Angular4.0动画操作实例详解
May 10 #Javascript
Angular 2使用路由自定义弹出组件toast操作示例
May 10 #Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
May 10 #Javascript
vue 实现搜索的结果页面支持全选与取消全选功能
May 10 #Javascript
You might like
php去除换行符的方法小结(PHP_EOL变量的使用)
2013/02/16 PHP
PHP调用其他文件中的类
2018/04/02 PHP
根据一段代码浅谈Javascript闭包
2010/12/14 Javascript
ie支持function.bind()方法实现代码
2012/12/27 Javascript
JS禁用浏览器退格键实现思路及代码
2013/10/29 Javascript
javascript与jquery中跳出循环的区别总结
2013/11/04 Javascript
node.js中的fs.fstatSync方法使用说明
2014/12/15 Javascript
angular.element方法汇总
2015/01/07 Javascript
js生成随机颜色方法代码分享(三种)
2016/12/29 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
2017/01/14 Javascript
vue.js树形组件之删除双击增加分支实例代码
2017/02/28 Javascript
jQuery插件开发发送短信倒计时功能代码
2017/05/09 jQuery
对于js垃圾回收机制的理解
2017/09/14 Javascript
vue2.0 实现页面导航提示引导的方法
2018/03/13 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
2018/05/31 Javascript
VUE简单的定时器实时刷新的实现方法
2019/01/20 Javascript
javascript实现日历效果
2019/06/17 Javascript
Vue项目中使用mock.js的完整步骤
2021/01/12 Vue.js
[01:13]这,就是刀塔
2014/07/16 DOTA
[02:04]2020年夜魇暗潮预告片
2020/10/30 DOTA
python实现图片转字符小工具
2019/04/30 Python
Python closure闭包解释及其注意点详解
2019/08/28 Python
解决Jupyter Notebook开始菜单栏Anaconda下消失的问题
2020/04/13 Python
香港礼品网站:GiftU eshop
2017/09/01 全球购物
Guess美国官网:美国知名服装品牌
2019/04/08 全球购物
如何在存储过程中使用Loop
2016/01/05 面试题
作文批改评语大全
2014/04/23 职场文书
银行求职信范文
2014/05/26 职场文书
优秀团员事迹材料1500字
2014/08/31 职场文书
"9.18"国耻日演讲稿范文
2014/09/14 职场文书
开展批评与自我批评发言材料
2014/10/17 职场文书
个人股份转让协议书范本
2014/10/26 职场文书
高中教师个人工作总结
2015/02/10 职场文书
毕业设计工作总结
2015/08/14 职场文书
Vue全家桶入门基础教程
2021/05/14 Vue.js
详解JAVA中的OPTIONAL
2021/06/14 Java/Android