微信小程序获取用户信息并保存登录状态详解

没问题，请听我详细讲解“微信小程序获取用户信息并保存登录状态详解”。

背景

微信小程序是一种轻量级的应用程序，用户可以通过微信扫描二维码或直接搜索进入小程序。微信小程序集成了丰富的API，给开发者提供了便捷的开发体验。在用户登录小程序之后，会默认持有一个登录态，可以通过该登录态获取用户信息，保持用户状态。

本攻略将详细介绍微信小程序如何获取用户信息并保存登录状态，希望能够帮助到需要的开发者。

具体步骤

获取用户信息

在微信小程序中，开发者可以通过wx.getUserInfo()方法获取用户信息。需要注意的是，在获取用户信息之前，需要在小程序开发平台里填写好授权域名，并且用户需要同意授权。

wx.getUserInfo({
  success: function (res) {
    var userInfo = res.userInfo
    var nickName = userInfo.nickName
    var avatarUrl = userInfo.avatarUrl
    var gender = userInfo.gender //性别 0：未知、1：男、2：女
    var province = userInfo.province
    var city = userInfo.city
    var country = userInfo.country
  }
})

保存登录状态

获取用户信息之后，我们需要保存用户登录的状态，以便之后使用。在微信小程序中，我们可以使用wx.setStorageSync()方法进行本地存储。

// 将用户信息保存到本地存储
wx.setStorageSync('userInfo', userInfo);
// 将用户登录状态保存到本地存储
wx.setStorageSync('isLogin', true);

使用已保存的用户登录状态

在使用已保存的用户登录状态时，我们可以通过wx.getStorageSync()方法进行读取，如果未登录，则跳转到登录界面。

// 读取用户登录状态和用户信息
var isLogin = wx.getStorageSync('isLogin');
var userInfo = wx.getStorageSync('userInfo');

// 如果未登录，则跳转到登录界面
if (!isLogin) {
  wx.navigateTo({
    url: '/pages/login/login'
  })
}

示例说明

示例一

假设现在我们的微信小程序需要获取用户信息，保存用户登录状态，并显示用户信息。首先，在页面加载时就调用wx.getUserInfo()方法获取用户信息，并在授权成功后保存用户信息和登录状态。

Page({
  onLoad: function (options) {
    wx.getUserInfo({
      success: function (res) {
        var userInfo = res.userInfo
        // 将用户信息保存到本地存储
        wx.setStorageSync('userInfo', userInfo);
        // 将用户登录状态保存到本地存储
        wx.setStorageSync('isLogin', true);
        // 更新页面数据
        that.setData({
          userInfo: userInfo,
          isLogin: true
        });
      }
    })
  }
})

示例二

假设我们的微信小程序需要在每个页面中判断用户是否已登录，并且在每个页面中显示用户信息。我们可以在App.js中添加一个全局的登录状态变量，并在每个页面的onLoad()方法中读取登录状态和用户信息。如果未登录，则跳转到登录页面。

App({
  globalData: {
    isLogin: false,
    userInfo: null
  }
})

Page({
  onLoad: function (options) {
    var that = this;
    // 读取用户登录状态和用户信息
    var isLogin = wx.getStorageSync('isLogin');
    var userInfo = wx.getStorageSync('userInfo');

    // 如果未登录，则跳转到登录界面
    if (!isLogin) {
      wx.navigateTo({
        url: '/pages/login/login'
      })
    } else {
      // 更新页面数据
      that.setData({
        userInfo: userInfo,
        isLogin: isLogin
      });
    }
  }
})

以上就是“微信小程序获取用户信息并保存登录状态详解”的完整攻略，在实践中，你可以根据需求进行调整和改进。若还有其他问题，欢迎继续提问。