微信小程序开发一键登录功能

微信小程序一键登录功能通常使用微信开放平台提供的开放接口实现。以下是实现步骤：

1. 在微信开放平台创建应用并获取AppID和AppSecret。

2. 在小程序中引入微信开放平台提供的js-sdk，并在app.js文件中初始化：

//app.js
App({
  onLaunch: function () {
    // 初始化 SDK
    wx.cloud.init({
      env: 'xxx',
      traceUser: true,
    })
    // 初始化云函数
    wx.cloud.callFunction({
      name: 'login',
      success: res => {
        console.log(res)
      },
      fail: err => {
        console.error('[云函数] [login] 调用失败', err)
      }
    })
  }
})

在小程序中添加一键登录的按钮，并在按钮的点击事件中调用微信开放平台提供的接口：

//index.wxml

  一键登录

 
//index.js
Page({
  bindGetUserInfo: function (e) {
    wx.getUserInfo({
      success: res => {
        console.log(res.userInfo)
        wx.cloud.callFunction({
          name: 'login',
          data: {
            avatarUrl: res.userInfo.avatarUrl,
            nickName: res.userInfo.nickName,
          },
          success: res => {
            console.log(res)
            wx.showToast({
              title: '登录成功',
              duration: 2000,
            })
          },
          fail: err => {
            console.error('[云函数] [login] 调用失败', err)
          }
        })
      },
      fail: err => {
        console.error(err)
      }
    })
  }
})

在云函数中处理登录逻辑，将用户信息保存到数据库中：

//login/index.js
const cloud = require('wx-server-sdk')
cloud.init()
const db = cloud.database()
const userCollection = db.collection('user')
 
exports.main = async (event, context) => {
  console.log(event)
  try {
    const userData = await userCollection.where({
      openid: cloud.getWXContext().OPENID,
    }).get()
    if (userData.data.length > 0) {
      console.log('用户已存在')
    } else {
      const newUser = {
        openid: cloud.getWXContext().OPENID,
        avatarUrl: event.avatarUrl,
        nickName: event.nickName,
      }
      const addResult = await userCollection.add({
        data: newUser,
      })
      console.log('新用户已添加')
    }
    return {
      success: true,
    }
  } catch (error) {
    console.error('[云函数] [login] 调用失败', error)
    return {
      success: false,
      error: error,
    }
  }
}