Neo环境SAP Fiori问卷应用多会话控制方案咨询

可行，但纯前端JS仅能覆盖同浏览器标签页场景，结合Cloud Foundry上的Node.js服务才能实现跨浏览器的可靠单会话控制。以下是具体方案：

一、前端JS方案（同浏览器标签页控制） #

利用localStorage的跨标签页事件监听特性，可实现同浏览器内的会话互斥：

• 应用初始化时生成唯一会话ID，存入localStorage并标记为active
• 监听storage事件，当其他标签页写入新会话时，当前活跃页触发拦截逻辑
• 页面卸载时标记会话为inactive，避免误拦截

const SESSION_KEY = 'survey_active_session';

// 初始化会话检查
function initSession() {
  const existingSession = localStorage.getItem(SESSION_KEY);
  if (existingSession && JSON.parse(existingSession).status === 'active') {
    document.body.innerHTML = '<h1>已有活跃问卷会话，请关闭其他标签页后重试</h1>';
    return false;
  }
  // 生成新会话
  const newSession = {
    id: self.crypto.randomUUID(),
    status: 'active',
    timestamp: Date.now()
  };
  localStorage.setItem(SESSION_KEY, JSON.stringify(newSession));
  return true;
}

// 监听其他标签页的会话变更
window.addEventListener('storage', (e) => {
  if (e.key === SESSION_KEY) {
    const newSession = JSON.parse(e.newValue);
    if (newSession.status === 'active') {
      alert('您已在其他标签页打开问卷，当前会话将终止');
      window.location.href = '<SuccessFactors跳转地址>';
    }
  }
});

// 页面卸载时标记会话为非活跃
window.addEventListener('beforeunload', () => {
  const currentSession = JSON.parse(localStorage.getItem(SESSION_KEY));
  if (currentSession) {
    currentSession.status = 'inactive';
    localStorage.setItem(SESSION_KEY, JSON.stringify(currentSession));
  }
});

// 启动应用时执行检查
if (!initSession()) {
  throw new Error('Active session detected');
}

局限性：仅能控制同浏览器内的标签页，跨浏览器无法共享localStorage，需依赖后端方案。

二、结合Node.js后端的跨浏览器方案（推荐） #

利用后端维护用户活跃会话状态，配合前端实现全局单会话控制：

后端逻辑（Node.js + Redis） #

通过Redis存储用户的活跃会话ID，确保同一用户仅能存在一个有效会话：

const express = require('express');
const redis = require('redis');
const client = redis.createClient({ url: process.env.REDIS_URL });
client.connect();

const app = express();

// 检查用户活跃会话的中间件
async function checkActiveSession(req, res, next) {
  const userId = req.headers['x-sf-user-id']; // 从SuccessFactors获取的用户ID
  const currentSessionId = req.cookies['survey-session-id'];

  if (!userId) return res.status(401).json({ error: 'Unauthorized' });

  const activeSessionId = await client.get(`user:${userId}:active-session`);
  if (activeSessionId && activeSessionId !== currentSessionId) {
    return res.status(409).json({ error: 'Active session exists in another tab/browser' });
  }
  next();
}

// 获取/创建会话接口
app.get('/api/session', async (req, res) => {
  const userId = req.headers['x-sf-user-id'];
  const sessionId = req.cookies['survey-session-id'];

  if (sessionId) {
    const isValid = await client.exists(`session:${sessionId}`);
    if (isValid) return res.json({ sessionId });
  }

  // 创建新会话
  const newSessionId = require('crypto').randomUUID();
  await client.set(`user:${userId}:active-session`, newSessionId, { EX: 3600 }); // 1小时过期
  await client.set(`session:${newSessionId}`, userId, { EX: 3600 });

  // 设置HttpOnly Cookie
  res.cookie('survey-session-id', newSessionId, {
    httpOnly: true,
    secure: true,
    sameSite: 'strict',
    maxAge: 3600000
  });
  res.json({ sessionId: newSessionId });
});

// 结束会话接口
app.post('/api/session/end', async (req, res) => {
  const userId = req.headers['x-sf-user-id'];
  const sessionId = req.cookies['survey-session-id'];

  await client.del(`user:${userId}:active-session`);
  await client.del(`session:${sessionId}`);
  res.clearCookie('survey-session-id');
  res.json({ success: true });
});

// 问卷提交接口（需先检查会话）
app.post('/api/survey/submit', checkActiveSession, async (req, res) => {
  // 处理问卷提交逻辑
  res.json({ success: true });
});

app.listen(process.env.PORT || 3000);

前端配合逻辑 #

async function initBackendSession() {
  try {
    const response = await fetch('/api/session', {
      headers: {
        'x-sf-user-id': '<从SuccessFactors获取的用户ID>'
      }
    });
    const data = await response.json();
    if (response.status === 409) {
      document.body.innerHTML = '<h1>您已在其他浏览器/标签页打开问卷，请关闭后重试</h1>';
      return false;
    }
    localStorage.setItem('backend-session-id', data.sessionId);
    return true;
  } catch (error) {
    console.error('Session init failed:', error);
    return false;
  }
}

// 页面卸载时结束会话
window.addEventListener('beforeunload', async () => {
  await fetch('/api/session/end', {
    method: 'POST',
    headers: {
      'x-sf-user-id': '<从SuccessFactors获取的用户ID>'
    }
  });
});

// 启动应用时执行检查
if (!(await initBackendSession())) {
  throw new Error('Active session detected');
}

三、SAP BTP环境注意事项 #

• 在Neo应用的neo-app.json中配置Cloud Foundry服务的路由为允许的外部目的地，解决跨域问题
• 确保SuccessFactors跳转时正确传递用户身份信息（如用户ID、OAuth Token），可通过URL参数或HTTP头实现
• 在Cloud Foundry市场绑定Redis服务，确保Node.js服务能正常访问

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