macos上electron交叉构建manjaro包
笔记修改历史
×
| 日期 | 备注 |
|---|
前言
自己做了一套koel的桌面端UI,因为用网页版怎么用都不习惯,打包成macos和manjaro桌面端后体验感拉满,DIY自己的”Spotify”音乐播放器用起来很安心。
打包环境
| 组件 | 版本 |
|---|---|
| 操作系统 | macOS 14.5 (Sonoma) |
| CPU 架构 | Apple Silicon (arm64) |
| Xcode 版本 | 15.4 |
| Chromium内核 | 130.0.6723.191 |
| Node.js(内置) | 20.18.0 |
| V8引擎(内置) | 13.0 |
| Electron | 33.4.11 |
| electron-builder | 26.15.3 |
| @electron/asar | 3.4.1 |
| @electron/fuses | 1.8.0 |
构建
编辑package.json配置
{
"name": "koel-electron",
"version": "1.0.0",
"description": "Koel Music Player",
"homepage": "https://koel.dev",
"author": {
"name": "Koel",
"email": "Koel@Koel.com"
},
"main": "main.js",
"scripts": {
"start": "electron .",
"build:mac": "electron-builder --mac",
"build:linux": "electron-builder --linux AppImage pacman --x64"
},
"build": {
"appId": "com.koel.app",
"productName": "Koel",
"mac": {
"icon": "../koel/resources/assets/img/icon.png",
"target": [
"dmg"
]
},
"linux": {
"icon": "../koel/resources/assets/img/icon.png",
"target": [
"AppImage",
"pacman"
],
"category": "AudioVideo"
}
},
"devDependencies": {
"electron": "^33.0.0",
"electron-builder": "^26.15.3"
}
}
这里加了
"category": "AudioVideo"是为了在开始菜单影音中出现。
还有CPU架构,我的manjaro用的CPU是N100,编译配置里注意要对应Intel x86_64的项目。
"build:linux": "electron-builder --linux AppImage pacman --x64"
编译
npm run build:linux
安装
有两种打开方式:
AppImage文件在manjaro上可用于直接单文件运行,体积要更大一些。
pacman文件属于Manjaro/Arch系专用原生安装包,压缩方式用的zstd体积更小,安装后在开始菜单中能找到。
manjaro包安装命令
pacman -U koel-electron-1.0.0.pacman