Question

我在身份验证（使用cookie和会话）和电子应用程序方面遇到了一些问题

用例：

用户登录
创建会话并存储cookie。（通过app-bl模块）

我读到了electron-session和electron-cookies（https://electronjs.org/docs/all?query=coo#class-cookies）的内容，但无济于事。

应用程序结构：

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

电子版本：3.0.13

我用它来在电子内表达： https://github.com/frankhale/electron-with-express

电子主流程似乎不了解渲染过程创建的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 模块中成功登录后创建会话的方式：

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)
})

我觉得我在这里想念一些东西。

通过电子的主要过程访问渲染器过程cookie

0 个答案: