在 Electron 应用中,你可以使用环境变量(Environment Variables)来配置应用的一些行为。这些环境变量可以在主进程或渲染进程中使用,用于指定一些运行时的参数或配置信息。

以下是一些常见的 Electron 环境变量:

1. 在主进程中使用环境变量

在主进程(main.js)中,你可以使用 process.env 访问环境变量。例如,通过环境变量指定应用的一些配置:
const { app } = require('electron');

// 通过环境变量获取配置
const apiBaseUrl = process.env.API_BASE_URL || 'https://api.example.com';

// 在应用启动时输出配置信息
app.on('ready', () => {
  console.log(`API Base URL: ${apiBaseUrl}`);
});

在启动应用时,你可以通过设置环境变量来传递参数:
API_BASE_URL=https://api.production.com electron .

2. 在渲染进程中使用环境变量

在渲染进程(Web 页面)中,你可以使用 process.env 访问主进程中设置的环境变量。这些环境变量可以通过主进程传递给渲染进程:

在主进程中:
const { app, BrowserWindow } = require('electron');

app.on('ready', () => {
  const mainWindow = new BrowserWindow();
  mainWindow.loadFile('index.html');

  // 将环境变量传递给渲染进程
  mainWindow.webContents.send('config', {
    API_BASE_URL: process.env.API_BASE_URL || 'https://api.example.com',
  });
});

在渲染进程中:
// 在渲染进程中监听来自主进程的配置信息
const { ipcRenderer } = require('electron');

ipcRenderer.on('config', (event, config) => {
  console.log('API Base URL:', config.API_BASE_URL);
});

3. 使用 dotenv 模块

你还可以使用第三方模块 dotenv 来加载环境变量,这样可以从 .env 文件中读取配置,而不必手动设置每个变量。首先,安装 dotenv:
npm install dotenv

在主进程(main.js)的开头加载 .env 文件:
const { app } = require('electron');
require('dotenv').config();

// 使用 process.env 访问配置
const apiBaseUrl = process.env.API_BASE_URL || 'https://api.example.com';

app.on('ready', () => {
  console.log(`API Base URL: ${apiBaseUrl}`);
});

在 .env 文件中设置环境变量:
API_BASE_URL=https://api.production.com

请注意,使用环境变量时要小心处理敏感信息,确保不要将敏感信息暴露在代码或配置文件中。


转载请注明出处:http://www.zyzy.cn/article/detail/10896/Electron