# 更新软件源sudo apt update# 安装 git-lfs 和 ccachesudo apt install -y git-lfs ccache

# 创建 bin 目录mkdir -p ~/bin# 下载 repo 工具（使用码云镜像，国内访问更快）curl https://gitee.com/oschina/repo/raw/fork_flow/repo-py3 > ~/bin/repo# 赋予执行权限chmod a+x ~/bin/repo# 添加到 PATHecho 'export PATH=~/bin/:PATH' >> ~/.bashrcsource ~/.bashrc# 验证安装node -vnpm -v

# 克隆 chromium-electron 仓库git clone -b master https://gitcode.com/openharmony-sig/electron.git# 进入目录cd electron# 获取大文件（这一步可能需要半小时，取决于网络）git lfs pull

# 初始化 repo（获取 OpenHarmony Chromium 代码）repo init -u https://gitcode.com/openharmony-tpc/manifest.git \  -b pc_chromium_132 \  -m chromium.xml \  --no-repo-verify# 同步代码（这一步会下载数十 GB 的代码，可能需要几个小时）repo sync -c# 获取大文件（可能需要执行多次，确保所有大文件都下载完成）repo forall -c 'git lfs pull'

# 进入 src 目录cd src# 清理 git 配置（避免补丁应用失败）find -name "*.git*" -exec rm -rf "{}" \;# 返回上级目录cd ..# 赋予脚本执行权限chmod +x override_files.sh# 应用补丁（这一步可能需要几分钟）./override_files.sh

# 进入 src 目录cd src# 运行依赖安装脚本（这一步可能需要半小时）# 注意：该步骤仅在首次获取代码时需要执行sudo ./build/install-build-deps.sh --no-chromeos-fonts# 返回上级目录cd ..

# 开始编译（这一步可能需要 1-2 小时，取决于你的硬件配置）./electron_build.sh

# 重新应用补丁./override_files.sh# 清理编译缓存rm -rf src/out# 重新编译./electron_build.sh

# 解压预编译包unzip v34.6.3-20260105.1-release.zip# 进入目录cd libelectron

# 打开 ohos_hap 目录# 在 DevEco Studio 中选择 File → Open → 选择 ohos_hap 目录

#!/bin/sh# 定义源路径和目标路径source_path=./electron/src/out/musl_64destination_path=./electron# 如果目标目录存在，先删除if [ -d {destination_path}fi# 创建目标目录mkdir {source_path}/libelectron.so {source_path}/libffmpeg.so {source_path}/libadapter.so {source_path}/electron {source_path}/icudtl.dat {source_path}/v8_context_snapshot.bin {source_path}/chrome_100_percent.pak {source_path}/chrome_200_percent.pak {source_path}/resources.pak {destination_path}/localescp {destination_path}/localescp {destination_path}/locales

# 赋予执行权限chmod +x copy.sh# 执行复制./copy.sh

libelectron/├── lib.unstripped/              # 未剥离符号的库文件│   ├── libadapter.so             # 鸿蒙适配层│   └── libelectron.so            # Electron 核心库├── ohos_hap/                  # 鸿蒙 HAP 项目│   ├── AppScope/                # 应用范围配置│   │   └── resources/│   │       ├── base/│   │       │   ├── element/│   │       │   └── media/│   │       └── profile/│   ├── docs/                    # 文档目录│   │   ├── electron-example.zip│   │   ├── electron调用ets指导文档0411.pdf│   │   └── ...│   ├── electron/                 # Electron 模块│   │   └── src/│   │       └── main/│   │           ├── ets/│   │           │   ├── Application/│   │           │   ├── entryability/│   │           │   ├── pages/│   │           │   └── ...│   │           ├── resources/│   │           └── module.json5│   ├── web_engine/               # Web 引擎模块│   │   └── src/│   │       └── main/│   │           ├── cpp/│   │           ├── ets/│   │           │   ├── adapter/│   │           │   │   ├── ElectronAppAdapter.ets    # Electron 应用适配器│   │           │   │   ├── WebWindow.ets          # Web 窗口组件│   │           │   │   └── ...│   │           │   ├── components/│   │           │   └── ...│   │           ├── resources/│   │           │   └── resfile/│   │           │       └── resources/│   │           │           └── app/            # 放置应用代码│   │           │               ├── main.js       # 主进程代码│   │           │               ├── index.html    # 入口 HTML│   │           │               └── ...│   │           └── module.json5│   └── ...│   ├── hvigor/                  # 构建工具配置│   ├── build-profile.json5│   ├── oh-package.json5│   └── ...└── ...

{  "module": {    "name": "pc_entry",    "type": "entry",    "srcEntry": "./ets/Application/AbilityStage.ets",    "description": "profile:main_pages",    "abilities": [      {        "name": "EntryAbility",        "srcEntry": "./ets/entryability/EntryAbility.ets",        "description": "media:app_icon",        "label": "media:app_icon",        "startWindowBackground": "$color:start_window_background",        "launchType": "specified",        "removeMissionAfterTerminate": true,        "exported": true,        "skills": [          {            "entities": ["entity.system.home", "entity.system.browsable"],            "actions": ["action.system.home", "ohos.want.action.viewData"],            "uris": []          }        ]      }    ]  }}

<!DOCTYPE html><html><head>    <metacharset="UTF-8">    <title>Hello HarmonyOS!</title></head><body>    <h1>欢迎使用 Electron on HarmonyOS!</h1>    <p>这是运行在鸿蒙系统上的 Electron 应用</p></body></html>

const { app, BrowserWindow } = require('electron');const path = require('path');// 禁用硬件加速（解决白屏问题）app.disableHardwareAcceleration();functioncreateWindow() {    const win = new BrowserWindow({        width: 800,        height: 600,        webPreferences: {            nodeIntegration: true,            contextIsolation: false        }    });    win.loadFile('index.html');}app.whenReady().then(createWindow);app.on('window-all-closed', () => {    if(process.platform !== 'darwin') {        app.quit();    }});

// web_engine/src/main/resources/resfile/resources/app/main.jsconst { app } = require('electron');// 禁用硬件加速（关键！）app.disableHardwareAcceleration();

// ohos_hap/web_engine/src/main/ets/components/WebWindow.etslet vec_args = [  '--user-agent=Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36',  '--bundle-installation-dir=' + getContext().resourceDir,  '--disable-gpu',  // 禁用 GPU 加速  '--disable-gpu-compositing'  // 禁用 GPU 合成];

> hvigor ERROR: ArkTS Compiler Error1 ERROR: 10505001 ArkTS Compiler ErrorError Message: '"@kit.AbilityKit"' has no exported member named 'autoStartupManager'. Did you mean 'startupManager'?At File: /Users/xxxxxx/Desktop/ohos_hap/web_engine/src/main/ets/adapter/ElectronAppAdapter.ets:10:102 ERROR: ArkTS:ERROR File: /Users/xxxxxx/Desktop/ohos_hap/web_engine/src/main/ets/adapter/ElectronAppAdapter.ets:10:10ERROR Code: 10311006 ArkTS: ERRORError Message: 'autoStartupManager' is not exported from Kit '@kit.AbilityKit'.* Try following:  > Please make sure that Kit apis are consistent with SDK and there's no local modification on Kit apis.  > For more details on Kit apis, please refer to `https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/development-intro-api-V5`COMPILE RESULT:FAIL {ERROR:3 WARN:323}

// 找到这一行（大概在第 10 行） 注释掉或删除// import { autoStartupManager } from '@kit.AbilityKit';// 找到使用 autoStartupManager 的地方，注释掉// autoStartupManager.enable();

# 重新执行补丁应用./override_files.sh# 清理编译缓存rm -rf src/out# 重新编译./electron_build.sh

# 检查 HAP 包是否正确签名hdc app install path/to/app.hap# 如果仍然失败，尝试卸载旧版本hdc shell pm uninstall com.example.app# 重新安装hdc app install path/to/app.hap

webPreferences: {  contextIsolation: true,  // 启用上下文隔离（安全！）  preload: path.join(__dirname, 'preload.js')}

webPreferences: {  nodeIntegration: false  // 禁用 Node 集成（安全！）}

// preload.jsconst { contextBridge, ipcRenderer } = require('electron');// 通过 contextBridge 安全地暴露 APIcontextBridge.exposeInMainWorld('api', {  send: (channel, data) => ipcRenderer.send(channel, data),  receive: (channel, func) => ipcRenderer.on(channel, (event, ...args) => func(...args))});