我在身份验证(使用 cookie 和 session )和我的 Electron 应用程序方面遇到了一些问题
用例:
- 用户登录
- 创建 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)
})
我觉得我在这里遗漏了一些东西。
最佳答案
这个包有效:https://github.com/heap/electron-cookies
好像是用Local Storage来模拟cookies。因此,您可以使用普通的 JavaScript 语法读/写 cookie,希望您的应用程序不会知道其中的区别。
关于node.js - 通过 electron 的主进程访问渲染器进程 cookie,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54649858/