Passport.Js 无法从某些浏览器的客户端获取会话 - 在本地主机上完美运行,但在部署时无法运行

Hen*_*ang 4 javascript cookies session express passport.js

嘿哟,这个问题让我抓狂。

我有一个问题,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'));
Run Code Online (Sandbox Code Playgroud)

向服务器请求的示例:

fetch(`https:example.url/sync/`, { credentials: 'include'})
    .then({ // ... })
Run Code Online (Sandbox Code Playgroud)

提前致谢。

Hen*_*ang 8

经过几个小时的寻找答案后,我发现了问题所在。发帖让别人看到。

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

app.enable('trust proxy')
Run Code Online (Sandbox Code Playgroud)

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

app.use(expressSession({

  // .. other settings ..

  cookie: {
    sameSite: 'none',
    secure: true
  }
}))
Run Code Online (Sandbox Code Playgroud)

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

希望这可以帮助任何陷入这个问题的人。