Elektron mendapat AppData pada pramuat

Question

Bagaimana untuk mendapatkan direktori AppData yang dipramuat? Background.js[...]asyncfunctioncreateWindow(){constwin=newBrowserWindow({width:800,height:600,webPreferences:{preload:path.join(__static,"preload.js"),nodeIntegration:process.env.E

P粉569205478 · Answer

app.getPath() 方法仅在应用程序“就绪”后才可用。使用 app.on('ready' () => { ... }); Kesan acara 'sedia'. Untuk maklumat lanjut, lihat acara Electron: 'bersedia'.

Mengenai anda preload.js 脚本，直接在其中包含函数有时会使内容难以阅读和理解（即使它仅由 require 实现）。目前，该文件没有关注点分离。 IE：您的“配置”功能混合在 preload 脚本中。如果您希望分离问题，那么您应该从 preload.js 文件中重构您的“配置”代码，并将其放在自己的文件中。这样，您的 preload.js fail hanya digunakan untuk mengkonfigurasi saluran IPC dan memindahkan data yang berkaitan (jika ada).

Baiklah, mari kita lihat bagaimana untuk menyelesaikan masalah app.getPath('appData').

Dalam main.js 文件中，检测您的应用程序何时“就绪”，然后通过您的 config-manager.js 文件获取 appData direktori anda.

main.js(benang utama)

const electronApp = require('electron').app;
const electronBrowserWindow = require('electron').BrowserWindow;

let appConfig = require('config-manager');
let appMainWindow = require('mainWindow');

let mainWindow;

app.whenReady().then(() => {
    // Load the config.
    let configStatus = appConfig.loadConfig();
    console.log(configStatus);

    let config = appConfig.getConfig();
    console.log(config);

    // Create your main window.
    mainWindow = appMainWindow.create()

    ...

    })
})

di luar skop fungsi config-manager.js 文件中，我已将您的“路径”变量移至 loadConfig() 函数范围，因为它们仅由该函数使用。如果您需要将它们公开以供文件中其他位置使用，则需要将它们移回 loadConfig() anda.

Saya mengalihkan rujukan kepada ElectronApp.getPath('appData') ke dalam fungsi loadConfig() kerana fungsi ini dipanggil daripada ElectronApp.getPath('appData') 的引用移至 loadConfig() 函数中，因为在应用程序“就绪”后从 main.js selepas aplikasi "sedia".

Saya menambah fungsi pembantu pathExists() kerana pelaksanaannya digunakan beberapa kali.

Akhirnya, saya menambah getConfig() 函数，以便在需要时从应用程序主线程中的任何位置轻松获取配置对象（只要将其包含在需要使用它的文件中即可）。IE： let appConfig = require('config-manager').

config-manager.js(benang utama)

const electronApp = require("electron").app

const nodeFs = require("fs")

const defaultConfig = [ ... ];

let config;

function loadConfig() {
    let resourcePath = app.getPath('appData').replaceAll("\", "/") + "my-custom-path";
    let configPath = resourcePath + "config.json";

    if (! pathexists(resourcePath)) {
        nodeFs.mkdirSync(resourcePath);
    }

    if (! pathexists(configPath)) {
        nodeFs.writeFileSync(configPath, JSON.stringify(defaultConfig, null, 4));
        config = defaultConfig;
    } else {
        config = JSON.parse(nodeFs.readFileSync(configPath , 'utf8'));
    };
}

function getConfig() {
    return config;
}

function pathExists(path) {
    return (fs.existsSync(path)) ? true : false;
}

module.exports = {loadConfig, getConfig}

Skrip preload.js tipikal kelihatan seperti ini.

const contextBridge = require('electron').contextBridge;
const ipcRenderer = require('electron').ipcRenderer;

// White-listed channels.
const ipc = {
    'render': {
        // From render to main.
        'send': [
            'config:updateConfig' // Example only
        ],
        // From main to render.
        'receive': [
            'config:showConfig' // Exmaple only
        ],
        // From render to main and back again.
        'sendReceive': []
    }
};

contextBridge.exposeInMainWorld(
    // Allowed 'ipcRenderer' methods.
    'ipcRender', {
        // From render to main.
        send: (channel, args) => {
            let validChannels = ipc.render.send;
            if (validChannels.includes(channel)) {
                ipcRenderer.send(channel, args);
            }
        },
        // From main to render.
        receive: (channel, listener) => {
            let validChannels = ipc.render.receive;
            if (validChannels.includes(channel)) {
                // Deliberately strip event as it includes `sender`
                ipcRenderer.on(channel, (event, ...args) => listener(...args));
            }
        },
        // From render to main and back again.
        invoke: (channel, args) => {
            let validChannels = ipc.render.sendReceive;
            if (validChannels.includes(channel)) {
                return ipcRenderer.invoke(channel, args);
            }
        }
    }
);

Jika anda memerlukan bantuan memahami pelaksanaan saluran IPC dan cara menghantar/menerimanya dalam utas utama atau render thread, cuma tanya soalan baharu.