微信公众号H5网页开发获取用户openId等信息，本地开发测试并做正式配置

原创已于 2024-11-14 10:04:28 修改 · 3k 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#微信 #微信公众平台 #java

于 2024-10-22 13:22:10 首次发布

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

1、申请微信公众平台测试账号
微信公众平台接口测试帐号申请
2、添加测试号二维码
在这里插入图片描述

3、设置回调地址

在这里插入图片描述
4、打开微信开发者工具，选择公众号网页项目

5、输入链接
不弹出授权页面，直接跳转，只能获取用户openid

https://open.weixin.qq.com/connect/oauth2/authorize?appid=微信公众平台测试appid&redirect_uri=http://192.168.1.2&response_type=code&scope=snsapi_base#wechat_redirect

弹出授权页面，可通过openid拿到昵称、性别、所在地。并且，即使在未关注的情况下，只要用户授权，也能获取其信息

https://open.weixin.qq.com/connect/oauth2/authorize?appid=微信公众平台测试appid&redirect_uri=http://192.168.1.2&response_type=code&scope=snsapi_userinfo#wechat_redirect

6、返回重定向code获取公众号用户的openId与accessToken

在这里插入图片描述

7、通过accessToken 和 openId 获取用户信息
在这里插入图片描述

8、正式地址回调配置：
通过在公众平台官网中的「‌设置与开发」‌-「‌功能设置」‌-「‌网页授权域名」‌的配置选项中修改授权回调域名来实现的。‌请注意，‌这里填写的是域名（‌是一个字符串）‌，‌而不是URL，‌因此请勿加http://等协议头。
在这里插入图片描述
需要在服务器上放校验文件

在公众号的菜单配置中配置回调地址，选择网页，示例

https://open.weixin.qq.com/connect/oauth2/authorize?appid=公众号的appid&redirect_uri=H5回调地址&response_type=code&scope=snsapi_base#wechat_redirect

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看