微信小程序，获得用户信息，昵称，openid

最新推荐文章于 2025-07-14 16:46:01 发布

原创最新推荐文章于 2025-07-14 16:46:01 发布 · 765 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序

本文详细介绍了微信小程序中如何实现用户登录功能，通过调用微信API进行code换取openid，并利用openid将用户添加到数据库。同时，展示了如何获取并使用用户信息，包括昵称等，为小程序提供个性化服务。

app.js

App({
  onLaunch: function () {
    // 展示本地存储能力
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
    // 登录
    wx.login({
      success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId
        if (res.code) {
          wx.request({
            data: {
              appid: '开发团队的appid',
              secret: '微信后台返回的secret',
              js_code: res.code,
              grant_type: 'authorization_code'
            },
            method:'GET',
          	url: 'https://api.weixin.qq.com/sns/jscode2session',
            success: res => {
              console.log(res)
               this.globalData.openid = res.data.openid
               wx.request({ // 添加用户到数据库
               	url: 'http:'后端的api接口',
               	//得到用户的openid
                data: { userid: this.globalData.openid},
                method:'GET',
                success: res => {
             
                }
               })
            }
          })
        } else {
          console.log('登录失败')
        }
      }
    })
    // 获取用户信息
    wx.getSetting({
      success: res => {
        if (res.authSetting['scope.userInfo']) {
          // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
          wx.getUserInfo({
            success: res => {
              // 可以将 res 发送给后台解码出 unionId，设置全局变量。
              this.globalData.userInfo = res.userInfo
              //获取昵称。
              console.log(res.userInfo.nickname)
              // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
              // 所以此处加入 callback 以防止这种情况
              if (this.userInfoReadyCallback) {
                this.userInfoReadyCallback(res)
              }
            }
          })
        }
      }
    })
  },
  
  globalData: {
    userInfo: null,
    openid: null,
    userType: null
  },
})

其他js调用openid

//导入全局变量
const app = getApp()
 data: {
		 //得到openid
        userid: app.globalData.openid,
        
        //得到昵称
        nickname: app.globalData.userInfo.nickName
      },