小程序获取用户的openid（详解）

article/2025/10/8 10:34:44

小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系
然而因为小程序中的openid不可以直接使用需要用code（登录凭证）去换取openid

获取openid的思路

获取openid首先需要调用小程序的login方法获取小程序的登录凭证code,然后使用code向微信换取登录态信息,包括用户的唯一标识(openid)及本次登录的会话密钥(session_key)
我这里是用一个点击事件来触发一个函数

wx.getUserInfo 会获取到你的一些信息比如名字

  info(){wx.getUserInfo({//成功后会返回success:(res)=>{console.log(res);}})},

下图看打印
在这里插入图片描述

wx.login 可以获取到你的code值

        wx.login({//成功放回success:(res)=>{console.log(res);let code=res.code}})

下图看打印
在这里插入图片描述

通过wx.request 来让code换取openid

这里面需要一段很长的url地址

  https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

这个地址可以在开发文档=>服务器=>登录中找到
不要以为你把这个路径cv上就好了这段连接中有三处地方需要改动
（每个人的id都不一样所以你要自己去作修改下面有修改处的位置）

            wx.request({url: `https://api.weixin.qq.com/sns/jscode2session?appid=wx16ccbe7d04209a11&secret=1f9465bdebe244b5ad15635e8a655832&js_code=${code}&grant_type=authorization_code`,success:(res)=>{console.log(res);userInfo.openid=res.data.openid//获取到你的openidconsole.log(userInfo.openid);}})

需要修改的地方
在这里插入图片描述

注意是没处地方都是等号之后&符号之前的（这里一定不能出错）

我给大家说下这三处地方在哪找

第一个
登录微信公众平台 =>开发管理=>开发设置=>开发者Id
第二个
在第一个的下面
第三个是你获取的code值
把他拼接过去注意要使用反引号
你还需要再设置中沟一个东西要不然会报错（如图）

然后打印你就会看到你的openid的值如下
在这里插入图片描述
完整代码

  info(){wx.getUserInfo({//成功后会返回success:(res)=>{console.log(res);// 把你的用户信息存到一个变量中方便下面使用let userInfo= res.userInfo//获取openId（需要code来换取）这是用户的唯一标识符// 获取code值wx.login({//成功放回success:(res)=>{console.log(res);let code=res.code// 通过code换取openIdwx.request({url: `https://api.weixin.qq.com/sns/jscode2session?appid=wx16ccbe7d04209a11&secret=1f9465bdebe244b5ad15635e8a655832&js_code=${code}&grant_type=authorization_code`,success:(res)=>{console.log(res);userInfo.openid=res.data.openidconsole.log(userInfo.openid);}})}})}})},