如何将Passport.js的认证信息传递给Puppeteer？

当然可以解决这个问题！Puppeteer默认会启动一个全新的、干净的浏览器上下文，所以不会自动继承你Web应用里Passport.js维护的会话或Cookie。不过结合Passport的会话机制和Puppeteer的setCookie()方法，我们可以轻松把认证状态传递过去。

核心思路 #

Passport.js是通过会话Cookie（通常是connect.sid这类名称）来维持用户登录状态的，只要把这个Cookie注入到Puppeteer的页面中，就能让Puppeteer访问的页面识别出已认证的用户。

具体实现步骤 #

1. 获取当前用户的会话Cookie
   在你的Web应用已认证的路由或逻辑里，当req.isAuthenticated()返回true时，可以直接从请求对象中提取会话Cookie的关键信息：

   • Cookie名称：默认是connect.sid（如果用Express会话中间件的话，可根据你的配置调整）
   • Cookie值：对应req.sessionID
   • 其他属性：domain、path、httpOnly、secure要和你的应用会话配置一致

2. 用Puppeteer的setCookie()注入Cookie
   启动Puppeteer后，在访问目标页面之前，把获取到的Cookie注入到页面上下文里。

代码示例 #

// 假设这是一个需要触发Puppeteer操作的已认证路由
app.get('/run-puppeteer-auth', isAuthenticated, async (req, res) => {
  // 构造会话Cookie对象
  const authCookie = {
    name: 'connect.sid', // 替换成你实际的会话Cookie名称
    value: req.sessionID,
    domain: 'localhost', // 替换成你的应用域名
    path: '/',
    httpOnly: true, // 保持和会话配置一致
    secure: process.env.NODE_ENV === 'production' // 生产环境下启用secure
  };

  // 启动Puppeteer
  const browser = await puppeteer.launch({ headless: "new" });
  const page = await browser.newPage();

  // 注入认证Cookie
  await page.setCookie(authCookie);

  // 访问受保护的页面，此时已处于认证状态
  await page.goto('http://localhost:3000/protected-dashboard');

  // 执行你需要的Puppeteer操作（比如截图、爬取数据等）
  const pageTitle = await page.title();
  console.log('当前页面标题：', pageTitle);

  // 关闭浏览器
  await browser.close();
  res.send(`Puppeteer已完成操作，页面标题：${pageTitle}`);
});

关于Passport.js的authorize策略 #

如果你的场景是用authorize处理第三方账号关联，逻辑也是类似的：在authorize的回调中，当认证成功后，req.user会被赋值，此时你同样可以提取当前会话的Cookie信息，按照上面的方法注入到Puppeteer中即可。

注意事项 #

• 确保Cookie的domain和path与你的应用完全匹配，否则Puppeteer不会将Cookie附加到请求中
• 如果你的应用使用了多个认证相关的Cookie（比如OAuth的令牌Cookie），可以把所有需要的Cookie对象放到数组里，一次性传给page.setCookie(...cookieArray)
• 生产环境下记得启用secure属性（仅HTTPS环境生效），避免Cookie被明文传输

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