Capacitor Electron应用hostname修改：将capacitor-electron://-/改为自定义值

方法一：直接修改Electron主进程代码 #

Capacitor Electron的启动URL配置默认在Electron主进程文件中（通常为electron/src/main.ts或electron/main.js）。找到创建窗口并加载应用的代码段，将默认URL中的-替换为你需要的自定义字符串即可。

比如原代码片段：

await window.loadURL(`capacitor-electron://-/`);

修改为：

await window.loadURL(`capacitor-electron://abc/`);

方法二：通过配置文件统一管理（可选） #

如果希望通过配置文件统一维护自定义hostname，可按以下步骤操作：

1. 在项目根目录的capacitor.config.ts（或capacitor.config.json）中添加自定义配置项：

import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.your.app',
  appName: 'YourApp',
  webDir: 'dist',
  bundledWebRuntime: false,
  electron: {
    customHostname: 'abc'
  }
};

export default config;

2. 在Electron主进程中读取该配置并替换URL：

import { app } from 'electron';
import config from '../../capacitor.config';

// 读取自定义hostname，默认保留'-'作为 fallback
const customHostname = config.electron?.customHostname || '-';

// 加载应用时使用自定义hostname
await window.loadURL(`capacitor-electron://${customHostname}/`);

注意事项 #

• 修改完成后，需重新构建并启动Electron应用，执行npx cap electron run或对应项目启动脚本即可。
• 自定义hostname需符合URL规范，避免使用特殊字符。

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