微信网页获取用户的openId

最近解决一个微信公众号页面获取用户openid的问题。下面是自己的整理

1,微信平台对回调域名的说法如下,意思就是说,如果你想通过回调获取授权信息,必须先设置回调域名,就是你要获取openid的页面的url所在的域名。参考下面的说明

关于网页授权回调域名的说明

1、在微信公众号请求用户网页授权之前,开发者需要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中,修改授权回调域名。请注意,这里填写的是域名(是一个字符串),而不是URL,因此请勿加 http:// 等协议头;

2、授权回调域名配置规范为全域名,比如需要网页授权的域名为:www.qq.com,配置以后此域名下面的页面http://www.qq.com/music.html 、 http://www.qq.com/login.html 都可以进行OAuth2.0鉴权。但http://pay.qq.com 、 http://music.qq.com 、 http://qq.com无法进行OAuth2.0鉴权

2,配置完成后,在后台拼接回调的url

https://open.weixin.qq.com/connect/oauth2/authorize?appid=xxxxxx&redirect_uri=########&response_type=code&scope=snsapi_base&state=redict&connect_redirect=1#wechat_redirect

其中的redirect_uri后面的###是经过加密的需要跳转的url,

例如:对于http://www.baidu.com这样一个地址配置oauth跳转步骤如下:

         a、将结果值填充到redirect_uri参数:redirect_uri=http://www.baidu.com

3,最后在前端页面打开这个url就会跳转到对应界面,微信平台会在url后面会自动拼接

http://www.baidu.com?openid=XXX;

自己截取就可以了。通过这个openid可以获取更加详细的信息。

参考文章:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842

### 微信公众号中通过获取用户OpenID来取得用户手机号 为了在微信公众号中实现通过获取用户OpenID 来进一步获得用户的手机号,可以按照以下方法操作: #### 获取用户授权码 (Code) 首先,在前端页面引导用户点击按钮同意授权。当用户点击授权按钮后,浏览器会被重定向到微信公众平台提供的 OAuth2 授权登录地址,并携带必要的参数[^2]。 ```html <a href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=YOUR_APP_ID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect">点击授权</a> ``` 其中 `snsapi_userinfo` 是用于请求用户基本信息(包括头像、昵称等),而要获取手机号则需使用特定的接口。 #### 使用 Code 换取 Access Token 和 OpenID 服务器端接收到回调 URL 中返回的 code 后,可以通过调用微信 API 将其转换成 access_token 及 openid: ```http GET https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code HTTP/1.1 Host: api.weixin.qq.com ``` 成功响应将包含如下字段: - **access_token**: 用来调用其他接口所需的凭证; - **expires_in**: 凭证的有效期; - **refresh_token**: 刷新 access_token 的票据; - **openid**: 用户唯一标识符; - **scope**: 当前所拥有的权限范围; #### 调用 JSAPI 或者 Webview 组件发起手机号验证流程 对于网页应用来说,推荐的方式是在 H5 页面内嵌入 WeUI 提供的标准组件来进行手机号校验。具体做法是先加载 js-sdk 并注入配置信息,再利用 wx.invoke 方法触发 mobileverify 接口完成号码认证过程[^1]。 需要注意的是,此过程中涉及到的安全性和隐私保护措施非常重要,开发者应当遵循官方文档中的指导方针实施相应的防护策略。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值