如何在角度中使用电子饼干

Question

我正在使用电子，我想有条件地使用 cookie。如果它是电子应用程序，则使用 E​​lectron Cookie，否则使用 Angular Cookie。我在我的电子角度应用程序中声明 cookie 时遇到问题。

根据Electron's Cookie Document，我们需要使用require 声明它，但我想在.ts 文件中使用它

到目前为止，我已经尝试过

const { session } = require('electron');

declare function require(name:string); const { session } = require('electron');

import * from 'electron';

import * as session from 'electron';

所有方法在编译或停止脚本以在运行时执行时都会产生错误。

谁能帮助我并指导我如何在我的项目中使用 Electron-cookie。

Answer 1

你需要像这样的 webpreferences

webPreferences: {
                nodeIntegration: true,
                webSecurity: true,
                allowEval: false,
                allowRunningInsecureContent: false,
                contextIsolation: true, // protect against prototype pollution
                enableRemoteModule: true, // turn off remote
                preload: path.join(__dirname, "preload.js") // use a preload script
            },

nodeIntegration 和 enableRemoteModulke 非常重要。 并在你的 preload.js 中创建一个窗口函数

contextBridge.exposeInMainWorld(
    'session',
    {
        set: (cookie) => {
          remote.session.defaultSession.cookies.set(cookie).then(() => {
            console.log('Cookie Saved')
          }, (error) => {
            console.error(error)
          })
        },
        // Returns Promise<Cookie[]>
        get: () => {
           return remote.session.defaultSession.cookies.get({}).then((cookies) => {
                console.log(cookies);
                return cookies
              }).catch((error) => {
                console.log(error)
              })
        },
    }
  )

最后在你的 angular2+ 项目中执行这样的功能

window['session'].get({}) || window['session'].set(cookie);