macOS平台下Electron应用能否动态修改图标与用户可见的应用名称？

核心逻辑 #

你不需要打包两份完整的Electron运行时，只需要将两套差异化配置内置到同一个应用包内，启动时根据标识读取对应配置修改展示属性即可，整体安装包体积可以缩减至少60%。

具体实现步骤 #

1. 内置差异化配置文件 #

在项目中新增配置目录，分别存放FOO和BAR两套配置，包含应用名称、图标路径、目标URL三个差异字段即可，示例如下：
assets/profiles/foo.json

{
  "name": "FOO",
  "icon": "./assets/icons/foo.icns",
  "url": "https://foo.yourdomain.com"
}

assets/profiles/bar.json 按上述格式修改为BAR对应的参数即可。

2. 主进程启动时动态加载配置 #

Electron主进程初始化时，先读取启动参数确定当前要加载的配置，再动态修改应用的展示名称、Dock图标、窗口标题，核心代码示例：

const { app, BrowserWindow } = require('electron')
// 读取启动参数判断当前激活的配置
const launchArgs = process.argv.slice(2)
const activeProfile = launchArgs.includes('--profile=bar') ? 'bar' : 'foo'
const config = require(`./assets/profiles/${activeProfile}.json`)

// 动态修改应用全局名称
app.setName(config.name)
// macOS下单独修改Dock栏图标
if (process.platform === 'darwin') {
  app.dock.setIcon(config.icon)
}

app.whenReady().then(() => {
  const mainWindow = new BrowserWindow({
    width: 1200,
    height: 800,
    title: config.name,
    icon: config.icon
  })
  // 加载对应门户URL
  mainWindow.loadURL(config.url)
})

3. 生成两个独立的用户可见入口 #

你只需要打包一份通用的Electron基础包，后续生成两个体积极小的启动别名入口即可，用户从Launchpad和Dock看到的就是两个独立的应用：

• 基础包可以命名为通用名称，不需要设置特定图标和名称
• 分别为FOO和BAR创建macOS应用启动器（本质是带参数调用基础包的脚本），单独给启动器设置对应名称和图标，单个启动器体积仅几百KB
• 若需要签名公证，仅需给基础包做一次签名即可，启动器不需要单独处理

注意事项 #

• 该方案仅适用于你要求的macOS平台，Windows/Linux下动态修改应用名称和图标存在系统限制，不需要考虑
• 若你不想额外做启动器，也可以通过electron-builder的多目标配置复用框架文件，相比完全独立打包也能缩减50%以上体积，不过不如单包加启动器的体积优化效果好

内容的提问来源于stack exchange，提问作者spartygw