如何编译基于Electron Chromium HTML渲染器的Electrino应用？

存在可行的编译流程，由于该项目为实验性轻量框架，上游仓库未提供一键构建脚本，需基于各平台对应的原生工程手动配置，具体步骤如下：

前置依赖准备 #

• 各平台对应的原生WebView开发环境：
  • macOS：Xcode 12及以上版本，系统自带WKWebView框架
  • Windows：Visual Studio 2022及以上版本，安装WebView2开发组件
  • Linux：对应发行版的WebKitGTK开发包，如Ubuntu系统需执行apt install libwebkit2gtk-4.0-dev安装依赖
• 拉取上游仓库源码至本地

分平台编译操作 #

• macOS平台
  1. 打开源码包内platforms/macos目录下的Xcode工程文件
  2. 按需修改工程配置中的应用标识、名称等基础信息
  3. 将前端静态资源（HTML/CSS/JS文件）放入工程Resources目录，配置WKWebView加载的入口HTML路径
  4. 选择对应编译目标（真机/模拟器/归档打包）执行构建，即可生成可执行应用
• Windows平台
  1. 打开源码包内platforms/windows目录下的Visual Studio解决方案文件
  2. 确认已安装WebView2 Runtime组件（目标运行设备也需预装该Runtime）
  3. 将前端静态资源放入工程指定的内容目录，修改WebView控件的入口资源路径
  4. 选择Release编译模式执行生成操作，即可得到exe可执行程序
• Linux平台
  1. 完成前置依赖安装后，进入源码包内platforms/linux目录
  2. 执行make命令触发编译流程
  3. 编译完成后生成的可执行文件可直接运行，加载指定目录下的前端资源

注意事项 #

• 该项目无官方统一维护的跨平台构建工具链，所有工程配置需手动调整
• 编译产物体积远小于Electron应用，原因是无需内置完整Chromium内核，直接复用系统原生WebView能力
• 若需扩展原生功能，可直接修改对应平台的原生工程代码，自定义暴露给前端JS调用的原生API

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