文章目录

  • 小程序授权登陆流程
    • 1、当用户进入微信小程序时,首先我们先判断用户是否授权过此小程序
    • 2、如果没有授权,我们通过一个按钮来实现授权登录
    • 3、通过bindgetuserinfo事件,我们可以获取到个人的信息、加密偏移数据、加密用户信息(e.detail获取)
    • 4.用户可以授权登录,也可以取消授权
    • 5、根据登录接口返回的code码,判断用户是否时新用户
    • 6、当用户注册成功后,在调登录接口,保存token。在有些页面需要使用token
    • 7、在步骤1中,当我们授权过时,我们要看token是否存在
    • 8、当token存在时,我们直接执行逻辑代码
    • 9、当token不存在时,我们就需要登录,登录后判断返回的code码,在根据code码判断用户是否是新用户。最后保存token

小程序授权登陆流程

1、当用户进入微信小程序时,首先我们先判断用户是否授权过此小程序

wx.getSetting({(查看是否授权)success:res=>{//调用成功的回调函数   if (res.authSetting['scope.userInfo'])        //{res.authSetting['scope.userInfo']有值时,代表已授权}else{//没有授权}}})

2、如果没有授权,我们通过一个按钮来实现授权登录

//在微信小程序开发文档中,我们可以知道当button组件的open-type="getUserInfo" 并结合bindgetuserinfo事件,可以获取到用户信息(是否授权)<button open-type="getUserInfo" bindgetuserinfo="getuserinfo">授权</button>

3、通过bindgetuserinfo事件,我们可以获取到个人的信息、加密偏移数据、加密用户信息(e.detail获取)

getuserinfo(e){console.log(e.detail);//可以获取到个人的信息、加密偏移数据、加密用户信息}`

4.用户可以授权登录,也可以取消授权

用户取消授权

  wx.showModal({//显示模态框title: '提示',content: '请先授权之后再进入',showCancel: false,confirmText: '返回授权',success: function (res) {// 用户没有授权成功,不需要改变 isHide 的值if (res.confirm) {console.log('用户点击了“返回授权”');}}})

用户授权


```java
wx.login({//登录success: (res) => {//成功的回调// console.log(res.code);//获取临时登录凭证codeif (res.code) {//当有临时登录凭证code码时,我们请求登录接口//请求登录接口}}
})

5、根据登录接口返回的code码,判断用户是否时新用户

如果不是新用户,我们就直接保存下token(服务器返回的token);如果是新用户,我们就要先注册,在登录

  //根据登录返回的code码,我们在需要注册的里面,请求注册接口,并配置好参数、请求方式等//例如:登录接口code码返回10000时,代表未注册,返回0时,代表注册过if (data.code == 10000) {//注册请求接口} else if (data.code == 0) {wx.setStorage({//保存tokendata: token,key: 'token'})}

6、当用户注册成功后,在调登录接口,保存token。在有些页面需要使用token

7、在步骤1中,当我们授权过时,我们要看token是否存在

8、当token存在时,我们直接执行逻辑代码

9、当token不存在时,我们就需要登录,登录后判断返回的code码,在根据code码判断用户是否是新用户。最后保存token

微信小程序登录授权流程相关推荐

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

    uni-app微信小程序登录授权 首先是需要用到一个授权按钮来触发获取用户信息授权: 关键在于 open-type 为 getUserInfo , 然后有个@getuserinfo的事件,把获取授权接 ...

  2. 微信小程序登录授权与授权手机号

    文章目录 前言 微信小程序登录授权与授权手机号 一.登录授权 1. 发送 res.code 到后台换取 openId, sessionKey 二.授权手机号 官方规定 因为需要用户主动触发才能发起获取 ...

  3. RuoYi-Vue微信小程序登录授权

    目前的框架中token是使用jwt生成,存储到redis控制token时效,而认证是使用UsernamePasswordAuthenticationToken实现的 微信小程序登录授权 需求分析 解决 ...

  4. UNIAPP---实现微信小程序登录授权和手机号授权(uniapp做微信小程序)

    UNIAPP-实现微信小程序登录授权和手机号授权(uniapp做微信小程序) 描述:uniapp开发小程序,先授权用户信息后再出现手机号授权的页面进行手机号授权.完成后返回上一页面并把信息存入后台以及 ...

  5. android微信登录获取微信账号,微信小程序--登录授权,一键获取用户微信手机号并登录...

    一.前言 微信小程序登录流程时序 说明: 小程序调用wx.login() 获取 临时登录凭证code ,并回传到开发者服务器 开发者服务器以code换取 用户唯一标识openid 和 会话密钥sess ...

  6. 使用若依写微信小程序登录授权认证接口

    本文教程,主要介绍一下,如何利用若依框架完成微信小程序的登录授权整个流程. 目录 一.注册微信小程序账号 二.获取AppID和AppSecret 三.微信小程序授权登录流程

  7. 关于微信小程序登录授权

    小程序的API接口文档写的很清晰,现在理一遍思路. 前端通过wx.login()获取code ,把code发给后台,后台返回openid,再获取用户的授权信息(这里先判断是否授权,授权过的就直接进入小 ...

  8. 微信小程序登录详细流程介绍

    第一步,获取code 如果小程序有登录页面,这一步可以放在onload里面获取,获取后保存使用,避免造成和后面获取信息的冲突 // 使用wx.login()方法获取code wx.login({suc ...

  9. 微信小程序登录授权{errcode:40013,errmsg:invalid appid, hints: [ req_id: qECcC0yFe-_ ]}问题

    登录授权{"errcode":40013,"errmsg":"invalid appid, hints: [ req_id: qECcC0yFe-_ ...

最新文章

  1. java反码补码原码作用_java原码补码反码关系解析
  2. React 状态管理库: Mobx
  3. Java-gt;Android并发编程引气入门篇
  4. 删除online日志測试及ora-600 [4194]错误的处理
  5. SpringMVC自定义拦截器与异常处理(自定义异常)
  6. linux下删除已经创建的数据库,MongoDB 数据库的创建和删除
  7. spring mvc 异常处理手动回滚 SQL log不回滚
  8. 固态硬盘受损或数据删除,怎么办?详解各种恢复SSD数据方法
  9. AD学习之旅(13)— 常用参数和快捷键的设置
  10. Java中除法运算符简介说明
  11. 简单的钓鱼网站的制作
  12. 精品Uniapp的餐厅餐馆饮订餐点餐管理系统实现的App
  13. 服务器系统安装打印机,windows server 2012 R2安装打印机驱动提示系统资源不足
  14. 【亲测有效】鼠标滚轮在下滑的时候总是上下乱窜解决办法
  15. 在VMware Server上安装Windows Home Server“ Vail”
  16. docker之数据挂载端口暴漏
  17. linux千兆网卡接百兆交换机,千兆交换机可以接百兆网线吗?
  18. 应用VBS修改注册表大全
  19. python中numpy.sum()函数
  20. 至少连接一个aura sync兼容设备_医疗设备10个常见电磁兼容干扰问题-优德分享

热门文章

  1. 百度、清华研发盲人搜索 为盲人提供无障碍信息服务
  2. PRX vs DRX
  3. AD域用户密码重置_AD域自助管理之道
  4. WGS84坐标系经纬度转地心坐标系坐标
  5. 2019年北京画室排名前十位(北京服装学院方向)
  6. Java项目开发环境搭建
  7. 多元微积分(三)--链式法则
  8. 一位粗心的同学在用计算机计算某题时,浅谈如何纠正小学生在数学中做题粗心的问题...
  9. 亚马逊账号可以用无线网登录吗?
  10. swagger测试导出报URL.createObjectURL: Argument 1 is not valid for any of the 1-argument overloads.