React集成后端OAuth实现谷歌登录：获取JSESSIONID与重定向问题

一、判断认证是否成功 #

• 后端完成谷歌认证后，若认证成功才会重定向至../info页面，可通过当前页面URL是否为../info间接确认认证成功；
• 也可以让后端在../info页面的HTML中注入全局标识，比如<script>window.authStatus = "success";</script>，前端读取该标识判断结果。

二、获取JSESSIONID #

• JSESSIONID是后端设置的Cookie，完成认证后可通过浏览器API读取：

  const getJSessionId = () => {
    const cookieList = document.cookie.split(';');
    for (const cookie of cookieList) {
      const [key, value] = cookie.trim().split('=');
      if (key === 'JSESSIONID') return value;
    }
    return null;
  };
  const sessionId = getJSessionId();
  

• 注意：若前后端跨域，后端需配置Cookie的SameSite=None; Secure属性（站点需为HTTPS），否则前端无法读取该Cookie。

三、从../info页面重定向回localhost:3000 #

• 方案1：修改后端OAuth配置，将认证完成后的回调地址直接设为http://localhost:3000/auth/callback，跳过../info页面，后端会在回调响应中设置JSESSIONID；
• 方案2：在../info页面添加自动重定向脚本，确认认证状态后跳转：

  <script>
    const sessionId = getJSessionId(); // 调用上面的获取函数
    if (sessionId) {
      // 可将sessionId通过URL参数传递，或依赖Cookie自动携带
      window.location.href = 'http://localhost:3000';
    } else {
      window.location.href = 'http://localhost:3000/auth/failure';
    }
  </script>
  

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