h5第三方登录—微信登录

2023-11-14

  1. 第一步:用户同意授权,获取code
  2. 第二步:通过code换取网页授权access_token
  3. 第三步:刷新access_token(如果需要)
  4. 第四步:拉取用户信息(需scope为 snsapi_userinfo)
  5. 检验授权凭证(access_token)是否有效

1.用户同意授权,获取code

接口路径:

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

参数说明:

参数 说明
appid 公众号的唯一标识 , 后台获取
redirect_uri 授权后重定向的回调链接地址 ,可带参,但太多会被截掉
response_type 填code
scope 授权作用域,snsapi_base (不弹出授权页面,直接跳转,只能获取用户openid),snsapi_userinfo (弹出授权页面,可通过openid拿到昵称、性别、所在地。并且, 即使在未关注的情况下,只要用户授权,也能获取其信息 )
state(可选) 重定向带state参数,a-zA-Z0-9,最多128字节
#wechat_redirect 无论直接打开还是做页面302重定向时候,必须带此参数

示例:
https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_userinfo&state=0#wechat_redirect

用户同意授权后:
页面将跳转至 redirect_uri/?code=CODE&state=STATE
(code说明 : code作为换取access_token的票据,每次用户授权带上的code将不一样,code只能使用一次,5分钟未被使用自动过期。)

2.通过code换取网页授权access_token

接口路径:

https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

参数说明:

参数 说明
appid 公众号的唯一标识
secret 公众号的appsecret
code 填写第一步获取的code参数
grant_type 填写为authorization_code

返回JSON数据包

{
  //网页授权接口调用凭证
  "access_token":"ACCESS_TOKEN", 
  //access_token接口调用凭证超时时间
  "expires_in":7200,  
  //用户刷新access_token(步骤三需要,来更新access_token)
  "refresh_token":"REFRESH_TOKEN",
  //用户唯一标识
  "openid":"OPENID",
  //用户授权的作用域
  "scope":"SCOPE" 
}

4.拉取用户信息(需scope为 snsapi_userinfo)

接口

//http:GET(请使用https协议) 
https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN

参数说明

参数 说明
access_token 网页授权接口调用凭证
openid 用户的唯一标识
lang 返回国家地区语言版本,zh_CN 简体

返回结果

{   
  "openid":" OPENID",
  " nickname": NICKNAME,
  "sex":"1",
  "province":"PROVINCE"
  "city":"CITY",
  "country":"COUNTRY",
  "headimgurl":       "http://thirdwx.qlogo.cn/mmopen/g3MonUZtNHkdmzicIlibx6iaFqAc56vxLSUfpb6n5WKSYVY0ChQKkiaJSgQ1dZuTOgvLLrhJbERQQ4eMsv84eavHiaiceqxibJxCfHe/46",
  "privilege":[ "PRIVILEGE1" "PRIVILEGE2"     ],
  "unionid": "o6_bmasdasdsad6_2sgVt7hMZOPfL"
}

以上即可获得用户信息

至于步骤三和五详情跳转微信公众号开发文档
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#2

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

h5第三方登录—微信登录 的相关文章

随机推荐

  • TCP —— TCP的可靠传输

    一 TCP的可靠传输 二 序号 TCP首部的序号字段用来保证数据能有序提交给应用层 序号建立在传送的字节流上 而不建立在报文段之上 三 确认 四 重传 1
  • MySQL redo log及recover过程浅析

    MySQL redo log及recover过程浅析 写在前面 作者水平有限 欢迎不吝赐教 一切以最新源码为准 InnoDB redo log 首先介绍下Innodb redo log是什么 为什么需要记录redo log 以及redo l
  • MATLAB实现滑动平均滤波法的实例(移动平均滤波器)

    原始信号 0 03 1 46 0 26 0 47 1 46 0 06 0 47 1 27 0 15 0 47 1 47 0 01 0 47 1 27 0 17 0 63 1 37 0 15 0 88 1 07 0 25 0 88 1 27
  • 三极管来源,及NPN与PNP区别

    之前给大家分享过晶体管的知识 今天又继续为大家分享相关的内容 一 回顾历史 在分享三极管NPN和PNP之前 先给大家分享一些相关基础知识 1 电子管 在晶体管出现之前 有一种作用和晶体管类似的器件 叫做电子管 1904年 世界上第一只电子二
  • 数据大清洗_Numpy进阶(数组排序)(数组去重与重复)(数组统计分析)

    目录 一 数组排序 二 数组去重与重复 三 数组统计与分析 一 数组排序 sort 函数是最常用的排序方法 arr sort sort 函数也可以指定一个 axis 参数 使得 sort 函数可以沿着指定轴对数据集进行排 序 axis 1
  • Python学习的注意点(内容不全,个人学习使用)

    此笔记只记录一些比较特殊的基础知识点 并不能作为 python 学习的全部内容 数据类型 我们可以通过 type 语句来得到数据的类型 语法 type 被查看类型的数据 标识符 运算符 算术 数学 运算符 赋值运算符 复合赋值运算符 字符串
  • NIO与IO的区别

    NIO与IO的区别 IO是面向流的 而NIO是面向缓冲区的 NIO会把数据读取到一个稍后处理的缓冲区中 需要时可以在缓冲区前后移动 这就增加了处理过程中的灵活性 IO流是阻塞式的 当一个线程在执行read 或write 方法时 线程转为阻塞
  • 关于 Collection 用于 .xml 文件的使用及说明

    一 关于Collection 在 xml中设置 让一对多数据返回成 list 集合形式 首先看使用方式 注 collection 中的 property 类型必须是 SysUser创建对应的哦 Mybatis 会自动将非 SysUser对象
  • HCIA-Big Data华为认证大数据工程师在线课程笔记

    文章目录 一 简介 二 HDFS分布式文件系统 三 MapReduce分布式离线批处理和Yarn资源协调 四 Spark2 x基于内存的分布式计算 五 HBase分布式NoSQL数据库 HBase架构 关键流程和特性 FusionInsig
  • Linxu (Redhat/Centos)开机省略输入用户名、密码直接进GUI

    1 编辑 etc gdm custom conf为如下 GDM configuration storage daemon AutomaticLoginEnable true AutomaticLogin root TimedLoginEna
  • linux kernel5.* kworker+进程cpu持续高占用

    最近平台linux操作系统内核升级至5 版本后出现kworker 进程高占用 内核降至4 时没有问题 通过搜索相关资料规避方案如下 内核启动参数加入 usbcore autosuspend 1 禁用usb设备自动挂起 具体步骤 1 编辑 e
  • ESP32开发板手动更换外置的flash

    ESP32开发板手动更换外置的flash 实物板 风险提示 操作有风险 需谨慎 新手请勿模仿 第一步拿下屏蔽罩 用热风枪 360 吹下来的 第二步 更换flash芯片 ESP32 D0WDQ6芯片下方那个就是flash芯片了型号 25VQ3
  • Docker基本概念

    一 为什么使用容器 1 上线流程繁琐 开发 gt 测试 gt 申请资源 gt 审批 gt 部署 gt 测试等环节 2 资源利用率低 普遍服务器利用率低 造成过多浪费 3 扩容 缩容不及时 业务高峰期扩容流程繁琐 上线不及时 4 服务器环境臃
  • SpringBoot 集成fastJson

    第一步 添加fastjson 依赖
  • Flutter跨平台移动端开发丨封装网络请求框架 dio

    dio 框架介绍 A powerful Http client for Dart which supports Interceptors Global configuration FormData Request Cancellation
  • Windows下Anaconda及Python指令

    日常记录 一 CUDA 1 已安装CUDA版本查看 nvcc version or nvcc V 二 Anaconda 1 查看安装的所有环境 conda env list or conda info env 2 查看该环境下有那些库 co
  • 零基础学Python

    作者主页 编程指南针 作者简介 Java领域优质创作者 CSDN博客专家 CSDN内容合伙人 掘金特邀作者 阿里云博客专家 51CTO特邀作者 多年架构师设计经验 腾讯课堂常驻讲师 主要内容 Java项目 Python项目 前端项目 人工智
  • Faster-RCNN算法详解

    Faster CNN结构图 以下是Faster RCNN的结构图 上图中的目标检测包含了包括region proposal 生成ROI feature extraction 特征提取网络 classification ROI分类 regre
  • 有C++基础如何直接上手QT?

    文章目录 一 QT的发展 二 支持平台 三 QT的版本 四 QT的安装与下载 五 QT的优点 六 创建Qt项目 6 2 手动创建 6 3 pro 文件 七 一个简单的Qt应用程序 一 QT的发展 1991年 Qt最早由奇趣科技开发 1996
  • h5第三方登录—微信登录

    第一步 用户同意授权 获取code 第二步 通过code换取网页授权access token 第三步 刷新access token 如果需要 第四步 拉取用户信息 需scope为 snsapi userinfo 检验授权凭证 access