微信公众号获取openid流程

article/2025/9/30 6:10:40

说明

微信公众号获取openid,在官方文档中称为网页授权,授权有两种scope,snsapi_base和snsapi_userinfo,snsapi_base是静默授权,不需要用户同意,以下要说的就是静默授权。

关于网页授权的两种 scope 的区别说明
以snsapi_base为 scope 发起的网页授权,是用来获取进入页面的用户的 openid 的,并且是静默授权并自动跳转到回调页的。用户感知的就是直接进入了回调页(往往是业务页面)
以snsapi_userinfo为 scope 发起的网页授权,是用来获取用户的基本信息的。但这种授权需要用户手动同意,并且由于用户同意过,所以无须关注,就可在授权后获取该用户的基本信息。
用户管理类接口中的“获取用户基本信息接口”,是在用户和公众号产生消息交互或关注后事件推送后,才能根据用户 OpenID 来获取用户基本信息。这个接口,包括其他微信接口,都是需要该用户(即openid)关注了公众号后,才能调用成功的。

步骤

获取openid的步骤是固定的,在此过程中要填入公众号的appid、appSecret

  1. 微信中请求https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${redirect_uri}&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect ,注意填入appidredirect_uri
  2. 微信会请求上一步填写的redirect_uri(此时的redirect_uri相比较上步填写的redirect_uri多了code),比如http://mydomain.com?myparam=myvalue&code=xxx,redirect_uri中的域名要在公众号管理平台配置,微信公众管理平台,开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息 的配置选项中,修改授权回调域名,注意是域名而不是url,比如是www.qq.com,而不是http://www.qq.com,详情请参考官方文档
  3. 开发者服务器收到redirect_uri请求后,请求https://api.weixin.qq.com/sns/oauth2/access_token?appid=${appid}&secret=${appsecret}&code=${code}&grant_type=authorization_code,就可获得openid,返回参数格式
{"access_token":"ACCESS_TOKEN","expires_in":7200,"refresh_token":"REFRESH_TOKEN","openid":"OPENID","scope":"SCOPE" 
}

在这里插入图片描述


http://chatgpt.dhexx.cn/article/1MuSMJD2.shtml

相关文章

微信公众号获取openId——开发阶段

1、注册测试号 微信公众平台 2、理解获取逻辑 获得微信的openid,需要先访问微信提供的一个网址来获取code。 再访问微信提供的另一网址从而获取openId。 两个链接分别为: https://open.weixin.qq.com/connect/oauth2/authorize?appidAPPID&redire…

openId -( 关注者Id )如何获取 open ID

作者:知乎用户 链接:https://www.zhihu.com/question/28101897/answer/157130437 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 程序小白,只懂简单代码的程度。为这个问题困扰了很…

获取微信用户openid的三种方法#ACCESS_TOKEN

本文介绍如何获得微信公众平台关注用户的基本信息,包括昵称、头像、性别、国家、省份、城市、语言。 在本文中,特别要注意的是有两个不同的Access Token,他们产生的方式不一样,一种是使用AppID和AppSecret获取的access_token&…

web元件库/axure元件库/常用web组件/常用表单/导航栏/边框/图标/日期时间选择器/评分组件/穿梭框/输入框/步骤条/

web元件库/axure元件库/常用web组件/常用表单/导航栏/边框/图标/日期时间选择器/评分组件/穿梭框/输入框/步骤条/ Axure原型演示及下载地址: Untitled Documenthttps://66uc7t.axshare.com axure元件库 axure元件库 axure 元件库 axure 元件库 axure 元件库 axur…

axure元件制作-常用开关

利用axure制作APP端常用图标-开关元件,并添加至元件库 步骤: 1、从iconfont 图标库中选中关闭按钮元件,复制至“axure”中,选中该“关闭按钮”元件,设置“交互样式-选中”,导入代表开启状态的元件图片&am…

Axure 自定义元件库

点击文件 -> 新建元件库 可以添加多个元件,并将期重命名 保存元件库 新建页面 添加元件,选择自建的元件库 导入后就会发现我的原件库 这样就可以使用我们自定义的元件库了

Axure9 导入元件库

将需要加载的元件库(*.rplib)放到Axure的安装目录DefaultSettings\Libraries下,重启Axure9即可。

Axure移动端通用元件库rplib格式包含安卓、苹果各种主流手机、平板线框图元件库、IOS系统图标、人物图标、导航和分页、表格元素、各种小图标、移动元件库、axure元件库、axure原型

Axure移动端通用元件库rplib格式包含安卓、苹果各种主流手机、平板线框图元件库、IOS系统图标、人物图标、导航和分页、表格元素、各种小图标等 移动端通用元件库、app通用元件库、数据展示、操作反馈、通用模板、数据录入、列表页、表单页、详情页、通用版布局、移动端手机模…

Axure添加官方元件库

前言 工作需要,领导非要说某些东西产品经理搞不定,要我来搞… 于是就拿起了Axure 我的版本号: 添加一些自己喜欢的、常用元件库 1. 下载元件库 通过Axure工具,跳转到官方网站,下载自己心仪的元件库 比如我这里下…

Axure导入元件库和使用

下载元件库 vant 元件库下载: Vant - Mobile UI Components built on Vue element UI 元件库下载:https://element.eleme.cn/#/zh-CN/resource 以vant示例,下载完成后解压 我们看到有.rp和.rplib格式的文件 rp文件可以理解为一个别人设计好的原型作品。 rplib是原…

Axure 9元件使用

1 元件的位置操作 直接单击选择某一个元件将其拖至画布(中间区域)中,也可以通过左上角的插入菜单选择其他形状的部件。 元件的移动:拖住元件并在画布上松开鼠标即可;也可以直接在X和Y中直接输入坐标。 1.1 同时定位多个元件 按住CTRL使用鼠标单击每个元…

WEB端后台常用Axure元件库及框架模版

原型预览链接 https://www.pmdaniu.com/storages/124048/3256710583c699e3cd26bed1dfb3aa19-105941/start.html#g1&p%E4%BD%9C%E5%93%81%E6%BC%94%E7%A4%BA 软件版本:Axure 8/9 当前版本:V1.0 作品类型:元件库 作品格式&…

axure不显示元件库

1.系统元件库重新load 2。找到软件安装位置, E:\Axure RP 8\DefaultSettings\Libraries的文件: 元件库点击载入即可

整理了一些已分类的产品Axure元件库,助力正在找Axure组件库的同学高速成长

在我加入的一些高质量产品交流群和一些高质量交互设计交流群里经常有同学在问,“有没有全一点的Axure元件库呀?”、“大家有没有Web端元件库呀?”、“有没有微信小程序元件库呀?”等等这些问题。 重复的问题实在是太多太多了&…

Axure 元件 模板 MES系统 全套(带下载地址)

下载地址连接地址 https://download.csdn.net/download/ybitts/85141310

Axure 元件跟随鼠标拖动-仿手机APP手指拖动

上图 主要利用动态面板的拖动事件,让小圆球跟随移动,设置好边界,不要移动出去就可以了。

Axure元件库web组件库典藏版 (含五大类159小类组件 )

作品说明 作品页数:共159页 文件大小:11.0MB 兼容软件:Axure RP 8/9/10 应用领域:web端原型设计、桌面端原型设计 作品特色 该AxureRP web元件库,支持Axure RP 8/910。含5大类、159小类,主要包括导航…

【Axure元件库】彩色圆形图标库 810+个矢量扁平化图标

作品说明 图标数量:共810个 文件大小:6.77MB 兼容软件:Axure RP 8/9/10 图标说明 本图标库为多彩扁平圆形图标元件库,以彩色镂空设计为主,适用于设置项、菜单栏、导航栏等模块的原型设计,可应用于休闲…

Axure自定义元件

Axure自定义元件及元件库 前言一、创建元件库及元件1、新建页面(作为元件库)2、在页面中编辑内容(创建元件)3、根据需求给元件绑定相关事件4、给元件库命名5、保存元件库 二、导入元件库1、将我们创建的元件库导入软件中2、添加元…

Axure元件库:ElementUI元件、蚂蚁金服元件

2022年12月31日更新 ant design 已更新到5.x版本,目前官网还没提供 axure的元件库,下文的入口官网已取消,资源可关注我的微信公众号,输入:axure,获取以下元件库,免费,祝设计愉快&am…