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

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

1、注册测试号

微信公众平台

2、理解获取逻辑

获得微信的openid,需要先访问微信提供的一个网址来获取code。
再访问微信提供的另一网址从而获取openId。

两个链接分别为:

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

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

3、选择预览环境

第一个链接需要在微信客户端打开,可以选择微信开发者工具

选择公众号网页项目

打开后在地址栏中输入第一个URL地址,我这边后面跟的是跳转的网页

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxa5b9c7f2a5ab9d1e&redirect_uri=http://192.168.3.130:3000&response_type=code&scope=snsapi_base&state=STATE

 注意:这个redirect_uri填写的地址需要在公众号或者是测试号中网页账号中进行配置

 跳转后可以看到地址栏中出现了两个参数,code和state,这个时候,我们就可以拿到我们需要的code

 4、获取openId

获取到code后,就可以通过第二个链接,将所需的内容填写后,获取到openId了。

推荐从后端获取openId,可能会存在跨域、code不可用等等一系列问题,code只能使用一次。

@GetMapping("/getOpenId")@ApiOperation("获取OpenId")public JSONObject getOpenId(@RequestParam("code") String code){String url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid={appid}&secret={secret}&code={code}&grant_type={grant_type}";HashMap<String,String> params = new HashMap<>();params.put("appid","");params.put("secret","");params.put("code",code);params.put("grant_type","authorization_code");String result = new RestTemplate().getForEntity(url, String.class, params).getBody();return JSONObject.fromObject(result);}


http://chatgpt.dhexx.cn/article/2MpqKOjR.shtml

相关文章

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

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

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

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

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

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

axure元件制作-常用开关

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

Axure 自定义元件库

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

Axure9 导入元件库

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

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

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

Axure添加官方元件库

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

Axure导入元件库和使用

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

Axure 9元件使用

1 元件的位置操作 直接单击选择某一个元件将其拖至画布(中间区域)中,也可以通过左上角的插入菜单选择其他形状的部件。 元件的移动&#xff1a;拖住元件并在画布上松开鼠标即可&#xff1b;也可以直接在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 软件版本&#xff1a;Axure 8/9 当前版本&#xff1a;V1.0 作品类型&#xff1a;元件库 作品格式&…

axure不显示元件库

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

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

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

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

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

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

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

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

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

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

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

Axure自定义元件

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

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

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

axure导入的元件库不见了_Axure教程丨制作自己的Axure元件库

接触Axure有一点时间了&#xff0c;每次进行原型设计都需要载入好多个元件库或打开之前做的原型复制元件&#xff0c;不仅浪费时间而且缺少规律&#xff0c;所以决定整理一个自己常用的Axure元件库&#xff0c;以便之后做原型设计时可以快速调取。看了几篇教程感觉讲的有些乱&a…