使用Google OAuth2在后端验证授权码并获取用户详情

mkdir google-auth-backend
cd google-auth-backend
npm init -y
npm install express axios cors

const express = require('express');
const axios = require('axios');
const cors = require('cors'); // 引入cors中间件

const app = express();
const PORT = 4000;

// 启用CORS，允许所有来源访问（生产环境中应限制特定来源）
app.use(cors());
// 解析JSON请求体
app.use(express.json());

// 您的Google OAuth2凭据，请替换为实际值
const GOOGLE_CLIENT_ID = 'YOUR_GOOGLE_CLIENT_ID.apps.googleusercontent.com';
const GOOGLE_CLIENT_SECRET = 'YOUR_GOOGLE_CLIENT_SECRET';
const GOOGLE_REDIRECT_URI = 'postmessage'; // 或您在Google Cloud Console中配置的其他URI

/**
 * @route POST /auth/google
 * @description 处理Google授权码，交换访问令牌并获取用户详情
 */
app.post('/auth/google', async (req, res) => {
  try {
    // 从请求头或请求体中获取授权码
    // 注意：实际应用中，前端通常会将授权码放在请求体中，或作为Authorization Bearer token发送
    const { code } = req.body; // 假设授权码在请求体中
    // const code = req.headers.authorization; // 如果前端作为Bearer token发送

    if (!code) {
      return res.status(400).json({ message: 'Authorization code is missing.' });
    }

    console.log('Received Authorization Code:', code);

    // 步骤1: 使用授权码交换访问令牌
    const tokenResponse = await axios.post(
      'https://oauth2.googleapis.com/token',
      {
        code: code,
        client_id: GOOGLE_CLIENT_ID,
        client_secret: GOOGLE_CLIENT_SECRET,
        redirect_uri: GOOGLE_REDIRECT_URI,
        grant_type: 'authorization_code'
      },
      {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded' // Google OAuth2 API要求此Content-Type
        }
      }
    );

    const { access_token, id_token } = tokenResponse.data;
    console.log('Access Token:', access_token);
    console.log('ID Token (optional):', id_token); // ID Token包含用户基本信息，可用于进一步验证

    // 步骤2: 使用访问令牌获取用户详情
    const userResponse = await axios.get(
      'https://www.googleapis.com/oauth2/v3/userinfo',
      {
        headers: {
          Authorization: `Bearer ${access_token}` // 在Authorization头中传递访问令牌
        }
      }
    );
    const userDetails = userResponse.data;
    console.log('User Details:', userDetails);

    // 步骤3: 处理用户详情
    // 在这里，您可以根据 userDetails 在数据库中查找或创建用户
    // 例如：
    // const existingUser = await User.findOne({ googleId: userDetails.sub });
    // if (!existingUser) {
    //   await User.create({
    //     googleId: userDetails.sub,
    //     email: userDetails.email,
    //     name: userDetails.name,
    //     picture: userDetails.picture
    //   });
    // }
    // 然后生成一个会话令牌或JWT发送给前端

    res.status(200).json({
      message: 'Authentication successful',
      userDetails: userDetails,
      accessToken: access_token // 谨慎：通常不直接返回access_token给前端
    });

  } catch (error) {
    console.error('Error during Google authentication:', error.response ? error.response.data : error.message);
    res.status(500).json({
      message: 'Failed to authenticate with Google',
      error: error.response ? error.response.data : error.message
    });
  }
});

// 启动服务器
app.listen(PORT, () => {
  console.log(`Server running on port ${PORT}`);
});

node server.js

// 假设您已经通过Google Sign-In JS库获取了授权码 'authCode'
async function sendAuthCodeToBackend(authCode) {
  try {
    const response = await fetch('http://localhost:4000/auth/google', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({ code: authCode }),
    });

    if (!response.ok) {
      const errorData = await response.json();
      throw new Error(errorData.message || 'Failed to authenticate');
    }

    const data = await response.json();
    console.log('Backend response:', data);
    // 处理后端返回的用户信息或会话令牌
  } catch (error) {
    console.error('Error sending auth code to backend:', error);
  }
}

// 示例调用 (在实际Google回调中调用)
// sendAuthCodeToBackend('YOUR_FRONTEND_OBTAINED_AUTHORIZATION_CODE');