小程序授权登录流程

最新推荐文章于 2025-10-22 14:55:04 发布

原创

最新推荐文章于 2025-10-22 14:55:04 发布 · 1.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #授权登录

本文介绍了小程序授权登录的流程，包括使用wx.getSetting检测用户授权状态，调用登录API获取code，以及如何在app.js中初始化登录态。此外，还讨论了在首页获取异步数据的方法，包括使用空白页进行授权和初始化逻辑处理。

1、判断用户是否授权
通过调用wx.getSetting（获取用户的当前设置，返回值中只会出现小程序已经向用户请求过的权限）API，检测用户是否授权，代码如下：

wx.getSetting({
   
   
	success: resSetData => {
   
   
		// 判断用户是否授权
		if (resSetData.authSetting['scope.userInfo']) {
   
    // 已授权
			// 可以直接调用 getUserInfo 获取头像昵称
            wx.getUserInfo({
   
   
              success: resUserInfo => {
   
   
                // resUserInfo.userInfo:用户信息
                // 获取临时凭证code
              }
            })
		} else {
   
    // 未授权
			// 根据自己实际情况做出相应处理
		}
	}
})

2、如果用户已授权，则需要调用登录API，获取用户登录凭证code（有效期五分钟），代码如下：

wx.login({
   
   
	success: res => {
   
   
      if (res.code) {
   
    // 获取成功
        // 发起网络请求，获取该应用下的用户唯一标识（openid）、同一个微信开放平台下的不同应用的用户唯一标识（unionid）本次登录的会话密钥（session_key）等
      } else {
   
    // 获取失败
        wx.showModal({
   
   
          title: '温馨提示',
          content: '哎呀~似乎网络在开小差，请稍后再试哦！',
          confirmText: '重新加载',
          success: res => {
   
   
            if (res.</