时间戳

首页 > 解决方案 > Passport.Js 无法从客户端获取某些浏览器的会话 - 在 localhost 上完美运行，但在部署时不能

javascript - Passport.Js 无法从客户端获取某些浏览器的会话 - 在 localhost 上完美运行，但在部署时不能

问题描述

嘿哟，这个问题快把我逼疯了。

我有一个问题，Passport.Js 似乎没有收到用户发回的用户会话。其他一切似乎都工作正常，序列化或反序列化用户没有问题。

部署后，它似乎在 Firefox 上运行良好，但在 Chrome 上却不行。当我使用 http://localhost:PORT 在本地计算机上进行测试时，它可以在 Chrome 上运行，但在部署时却不能。

因为它在我的本地机器上运行良好，所以我想知道它是否可能是 https/http 问题？

有谁知道问题可能是什么？谢谢你。

中间件：

app.use(cookieParser());
app.use(expressSession({ 
  resave: true,
  saveUninitialized: true,
  secret: process.env.REACT_APP_SESSION_SECRET,
}))
app.use(passport.initialize());
app.use(passport.session())
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cors({
  origin: "https://example.url",
  methods: "GET,HEAD,PUT,PATCH,POST,DELETE",
  credentials: true,
}));
app.use(express.static('public'));

对服务器的请求示例：

fetch(`https:example.url/sync/`, { credentials: 'include'})
    .then({ // ... })

提前致谢。

标签： javascriptexpresssessioncookiespassport.js

解决方案

在花了几个小时找出答案后，我发现了问题所在。发布以便其他人可以看到。

首先，肯定存在 http/https 问题。我必须在我的 Express 服务器中实现以下中间件，以确保我对 google auth 的请求通过 https 安全发送。

app.enable('trust proxy')

其次，Chrome 浏览器设置了一个 cookie，但由于缺少 cookie 的安全设置而没有将其发送回服务器。自 2020 年 2 月起，这是必需的。以下选项解决了此问题：

app.use(expressSession({

  // .. other settings ..

  cookie: {
    sameSite: 'none',
    secure: true
  }
}))

此处概述了要求：https ://blog.chromium.org/2019/10/developers-get-ready-for-new.html

希望这可以帮助任何人解决这个问题。

推荐阅读