以下是一些常见的 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