首页 > 解决方案 > 通过electron的主进程访问renderer process cookies

问题描述

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

用例:

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

我阅读了electron-sessionelectron-cookieshttps://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。

电子/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;
  });
}

快递应用/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,然后我可以看到 using 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)
})

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

标签: node.jselectron

解决方案


推荐阅读