NodeJS中如何将单个用户数据从服务器返回至客户端？

根据你的代码，已经成功通过Passport获取到Steam用户信息并存入req.user，下面提供几种可靠的方式将用户信息传递到客户端：

方式1：跳转时通过URL查询参数传递（适合静态HTML页面） #

修改Steam登录回调路由，提取关键用户信息并通过URL参数传递到目标页面：

app.get('/api/auth/steam/return', passport.authenticate('steam', {failureRedirect: '/'}), function (req, res) {
    // 提取需要公开的用户字段（避免传递敏感数据）
    const userInfo = {
        username: req.user.displayName,
        avatar: req.user.photos[0].value,
        steamId: req.user.identifier
    };
    // 转成URL安全的字符串
    const encodedUserInfo = encodeURIComponent(JSON.stringify(userInfo));
    // 携带参数跳转至目标页面
    res.redirect(`/pages/deposit.html?user=${encodedUserInfo}`);
});

在deposit.html中添加前端代码解析参数：

// 页面加载时解析URL参数
window.addEventListener('load', () => {
    const urlParams = new URLSearchParams(window.location.search);
    const userStr = urlParams.get('user');
    if (userStr) {
        const user = JSON.parse(decodeURIComponent(userStr));
        // 渲染用户信息到页面
        document.getElementById('user-avatar').src = user.avatar;
        document.getElementById('user-name').textContent = `欢迎, ${user.username}!`;
    }
});

方式2：新增API接口，前端主动请求（推荐用于SPA或动态页面） #

后端新增一个获取当前登录用户信息的接口：

app.get('/api/current-user', (req, res) => {
    // 先验证用户是否已登录
    if (req.isAuthenticated()) {
        // 返回需要的用户字段，避免暴露完整profile数据
        res.json({
            username: req.user.displayName,
            avatar: req.user.photos[0].value,
            steamId: req.user.identifier
        });
    } else {
        // 未登录返回401状态码
        res.status(401).json({error: '用户未登录'});
    }
});

前端deposit.html中通过Fetch请求获取信息：

window.addEventListener('load', () => {
    fetch('/api/current-user')
        .then(response => {
            if (!response.ok) throw new Error('登录状态无效');
            return response.json();
        })
        .then(user => {
            // 渲染用户信息
            document.getElementById('user-avatar').src = user.avatar;
            document.getElementById('user-name').textContent = `欢迎, ${user.username}!`;
        })
        .catch(err => {
            console.error('获取用户信息失败:', err);
            // 未登录时跳转至首页或登录页
            window.location.href = '/';
        });
});

方式3：使用模板引擎嵌入用户信息（适合服务器渲染页面） #

如果你的项目可以使用模板引擎（如EJS、Pug），可以直接将req.user嵌入到页面中：

1. 先配置模板引擎（以EJS为例）：

const path = require('path');
app.set('view engine', 'ejs');
app.set('views', path.join(__dirname, 'views')); // 模板文件存放目录

2. 将deposit.html改为deposit.ejs，嵌入用户信息：

<!-- views/deposit.ejs -->
<!DOCTYPE html>
<html>
<head>
    <title>Deposit Page</title>
</head>
<body>
    <div class="user-info">
        <img src="<%= user.photos[0].value %>" alt="用户头像" width="80">
        <h2>欢迎回来, <%= user.displayName %>!</h2>
        <p>Steam ID: <%= user.identifier %></p>
    </div>
</body>
</html>

3. 修改登录回调路由，渲染模板并传递用户数据：

app.get('/api/auth/steam/return', passport.authenticate('steam', {failureRedirect: '/'}), function (req, res) {
    res.render('deposit', { user: req.user });
});

额外优化建议 #

当前你直接将整个user对象序列化到Session中，会增大Session存储体积，建议只序列化Steam唯一标识：

passport.serializeUser((user, done) => {
    done(null, user.identifier); // 仅存储Steam ID
});

passport.deserializeUser((identifier, done) => {
    // 如果有数据库，可以根据ID查询用户完整信息；若无数据库，可直接返回基础信息
    done(null, { identifier });
});

内容的提问来源于stack exchange，提问作者LostInTheCSSauce