node.js - 通过 electron 的主进程访问渲染器进程 cookie

Question

我在身份验证(使用 cookie 和 session )和我的 Electron 应用程序方面遇到了一些问题

用例:

1. 用户登录
2. 创建 session 并存储 cookie。 (通过 app-bl 模块)

我阅读了有关 electron-session 和 electron-cookies ( https://electronjs.org/docs/all?query=coo#class-cookies ) 但没有任何效果。

应用结构:

electron-app
---express-app
------app-bl
------react-client

Electron 版:3.0.13

我用它来在 Electron 中使用 express: https://github.com/frankhale/electron-with-express

似乎 Electron 主进程不知道渲染进程创建的 cookie。

electron/main.js:

const electron = require('electron');
const { app, BrowserWindow, session } = electron

let mainWindow;

function createWindow() {
  const screenElectron = electron.screen;
  mainWindow = new BrowserWindow({
    show: false,
    autoHideMenuBar: true,
    icon: `${__dirname}/assets/icon.ico`
  });
  mainWindow.webContents.openDevTools();
  mainWindow.loadURL(`file://${__dirname}/index.html`);

  mainWindow.on("close", () => {
    mainWindow.webContents.send("stop-server");
  });
  mainWindow.once('ready-to-show', () => {
    mainWindow.show()
  })
  mainWindow.on("closed", () => {
    mainWindow = null;
  });
}

express-app/index.js:

const ev = require('express-validation');
const Path = require('path')

const Express = require('express')
const BodyParser = require('body-parser')
const CookieParser = require('cookie-parser');
const Session = require('express-session');

const App = require('./app/index.js')

// Init server
const express = Express()
const router = Express.Router()
const port = parseInt(process.argv[2]) || process.env.PORT || 5001
const ip = "0.0.0.0"

express.use(BodyParser.urlencoded({ extended: true }))
express.use(BodyParser.json())
express.use(CookieParser())
express.use(Session({
    key: 'sessionId',
    secret: 'key',
    resave: false,
    saveUninitialized: false,
    cookie: {
        expires: 600000
    }
}))

// Init Application
const app = App({ express, router })


// Static content
express.use(Express.static(Path.join(__dirname, './client/dist')))
express.use('/*', Express.static(Path.join(__dirname, './client/dist/index.html')))


// Error handler
express.use(function (err, req, res, next) {
    console.log(err)
    if (err instanceof ev.ValidationError) {
        return res.status(err.status).json({
            status: err.status,
            message: err.statusText
        });
    }
    return res.status(err.status).json({
        status: err.status,
        message: err.message
    });
});

(async () => {
    try {
        await app.init()
        const server = await app.start(ip, port);
        console.log("Server started http://%s:%s", ip, port)
    } catch (e) {
        console.log(e);
        process.exit(1);
    }
})()

这就是我在 app-bl 模块中成功登录后创建 session 的方式:

async function loginHandler(req, res, next) {
    const username = req.body.username
    const password = req.body.password
    try {
        const user = await authService.login(username, password)
        req.session.userId = user.id;
        res.json({ user })
    } catch (error) {
        error.status = 500
        next(error)
    }
}

我设法在主进程中创建了 cookie，然后我可以看到使用 console.log，但是 devTools 中没有任何显示，我试过这段代码:

const mainSession = mainWindow.webContents.session
const cookie = {
  url: 'http://localhost:8000',
  name: 'sessionId',
  domain: 'localhost',
  expirationDate: 99999999999999
}
mainSession.cookies.set(cookie, (error) => {
  if (error) {
    console.error(error)
  }
})

mainSession.cookies.get({}, (error, cookies) => {
  console.log(cookies)
})

我觉得我在这里遗漏了一些东西。

Answer 1

这个包有效:https://github.com/heap/electron-cookies

好像是用Local Storage来模拟cookies。因此，您可以使用普通的 JavaScript 语法读/写 cookie，希望您的应用程序不会知道其中的区别。