jeecg uniapp 微信小程序 授权备忘

修改前提: 2021年4月13日起,getUserInfo将不再弹出弹窗,并直接返回匿名的用户个人信息
推荐使用wx.getUserProfile获取用户信息,开发者每次通过该接口获取用户个人信息均需用户确认
  1. 通过按钮主动触发

<button class=‘bottom’ type=‘primary’ @tap=“自定义方法名”>

  1. 在自定义方法中调用wx.getUserProfile(), 用于获取微信用户信息. 从成功回调中拿res.userInfo, 可获得昵称, 头像等内容(userInfo.nickName, userInfo.avatarUrl, …). 拿到了就顺手丢进localStorage里;
wx.getUserProfile({lang: 'zh_CN',desc: 'test',success(res) {let userInfo = res.userInfo// 从官网文档引用来的这个注释: // 开发者妥善保管用户快速填写的头像昵称,避免重复弹窗uni.setStorageSync(USER_INFO, {realname: userInfo.nickName,avatar: userInfo.avatarUrl});}
});
  1. wx.getUserProfile()的成功回调中使用wx.login(),获取code. 然后在wx.login()的成功回调中调用后台接口, 把之前获取的userInfo和code一并发往后台;
wx.login({success(res) {// 上面的userInfouserInfo.code = res.code// 后台接口走起}
})
  1. 在后台通过code获取openId, 响应成功的话可以从json中获取openid和session_key, 其中session_key是后续获取手机号等敏感数据解密用的, 会被登录刷新.

https://api.weixin.qq.com/sns/jscode2session?&appid=小程序的appId&secret=小程序的secret&js_code=code&grant_type=authorization_code

  1. 后台处理, 用前台传回来的userInfo和openId校验及处理账户数据, 做个登录, 把token等信息返回给前端;
  2. 登录成功, 接收到后台的成功返回信息后, 丢进localStorage, 然后该干嘛干嘛去

wx这改动, 从一步到位到一波三折

jeecg uniapp 微信小程序 授权备忘相关推荐

  1. uniapp微信小程序授权登录和获取微信绑定的手机号码

    uniapp微信小程序授权登录和获取微信绑定的手机号码 弹出授权的弹框 <view class="weixinOk" @tap="getUserProfile&qu ...

  2. uni-app 微信小程序授权登录

    文章目录 一.appID相关申请和配置 1. appid获取方式 2. appID配置 二.获取用户基础数据 2.1. 获取用户信息 2.2. 获取用户信息2 三.调用登录api 3.1. 登录api ...

  3. uniApp 微信小程序 授权 公众号推送信息

    准本工作 1.首先小程序  更公众号关联起来 2.配置相应的域名(也就是你请求后端接口的公共地址) 3.需要写一个h5 页面 用于跳板 公众号 的授权 公众号如何关联小程序? 打开微信公众号后台,选择 ...

  4. uniapp微信小程序授权登录并获取手机号

    新版:前端要授权两次,一次获取用户信息授权码code,另外一次获取用户手机授权码code,全部传给后端.后端通过用户信息授权码获取openid,通过手机授权码获取手机号码.老版:前端传给后端授权码co ...

  5. Uniapp微信小程序授权的登录前后端全套

    前言 用Uniapp写的小程序要上线了,结果微信不过审,我也觉得很奇怪!驳回信息如下 这么一说的话确实,因为之前的写的代码获取用户openid的时候必须要是调试模式,我还以为是没上线的问题!这下好了, ...

  6. uniapp微信小程序授权获取用户信息封装

    根据平台公告信息,2022年底wx.getUserProfile 与 wx.getUserInfo 接口被回收.新的小程序不能再授权获取头像和昵称:可以通过wx.login 接口直接获取用户的 ope ...

  7. uniapp 微信小程序授权获取手机并绑定登录

    检查是否已登录 onLoad(option) {//检查用户是否已授权登录this.checkLogin();}, //检查用户是否登录checkLogin() {let token = wx.get ...

  8. uniapp微信小程序授权微信头像昵称

    自微信废弃uni.getUserInfo和uni.getUserProfile授权登录只能使用手机号授权了,头像和昵称则是改成了上传的方式 代码写的虽然比较low但是很实用的,可以借鉴一下 html ...

  9. uniapp微信小程序授权获得手机号

    1.uniapp前端 <button style="background-color: #f1c68e;padding: 25rpx 100rpx 25rpx 100rpx;margi ...

最新文章

  1. webstorm javascript IDE调试
  2. java常见的异常类型_Java几种常见的异常类型
  3. oracle设置超时时间
  4. 请求分页内存管理的模拟 c++代码_C开发实战-内存管理
  5. Flex 3 和PHP连接mysql数据库
  6. 全面认识Docker和基本指令
  7. 完美解决 IDEA plugins 插件搜索不出结果
  8. 解决 npm 无法安装 devDependencies 下的依赖包的问题
  9. C语言程序设计--宏和预处理
  10. [LeetCode]Count and Say
  11. 【Mava】一个分布式多智能体强化学习研究框架
  12. C语言写俄罗斯方块,可上机运行
  13. 机器学习--K-近邻算法(KNN)
  14. java流程图平行四边形_编程技巧之流程图
  15. 论文流程图——使用VISIO制作论文中的流程图
  16. 英特尔提供 Loihi 2 神经形态芯片和软件框架
  17. 面试宝典之高分回答面试题(二)
  18. 基础练习 数的读法(Tom教授正在给研究生讲授一门关于基因的课程,有一件事情让他颇为头疼:一条染色体上有成千上万个碱基对,它们从0开始编号,到几百万,几千万,甚至上亿。   比如说,在对学生讲解第1)
  19. 对象的创建过程(new 的过程)
  20. Python list列表方法使用总结及拓展延伸

热门文章

  1. 百度for android,百度视频 for Android
  2. 对联智能生成的原理(学习笔记附代码实现与详解)
  3. 文件权限概念,相关操作
  4. 安卓编程基础——网格布局
  5. 引擎进阶(上):探究宏任务 微任务的运行机制
  6. Oracle 记录表名和表记录数
  7. 微信设置特殊昵称,太上头啦•ɷ•~
  8. 计算机课程测验,14网络《计算机网络》课程测验试卷-20210614142251.pdf-原创力文档...
  9. Logic Pro X 10.0.7-10.4.6 macOS音乐制作软件旧版本合集
  10. 华硕灵耀S 2代笔记本u盘装win10系统图文详解