Linux arm架构下构建Electron安装包

上篇文章我们介绍 Electron 基本的运行开发与 windows 安装包构建简单流程，这篇文章我们从零到一构建 Linux arm 架构下安装包，实际上 Linux arm 的构建流程，同样适用于 Linux x86 环境，只不过需要各自的环境依赖，Linux arm 坑更多并且 electron-builder 有些依赖官方并不适用于 arm 环境，比如 fpm，这里的基础配置去上篇文章找就行，好了，不多比比，开搞

一、拉取代码，安装环境

因为这里使用 svn 拉取的代码，和 git 大差不差吧，首先，我们确认下环境，因为接下来要安装的依赖必须与环境适配

uname -i

1. 创建目录

cd /home
mkdir svn

2. 安装 svn 环境

下载依赖

sudo apt-get install subversion

检出代码到 home svn 目录下

svn checkout url --user=xxx --password=xxx /home/svn

3. 安装 node 环境

这里要注意下载 arm 架构包，x86 对应自己的包，我装的 14.16.0 的包，不能太高也不能太低

wget https://nodejs.org/dist/v14.16.0/node-v14.16.0-linux-arm64.tar.xz
tar xf node-v14.16.0-linux-arm64.tar.xz
vi /etc/profile
cp /etc/profile /etc/profile.bak // 备份下
i

配置环境变量，要注意安装目录，我把 node 解压到 home 目录下，进入 profile 最后一行添加如下，添加 node 环境变量，设置 npm 的配置为 arm64：

export PATH=$PATH:/home/node-v14.16.0-linux-arm64/bin
export npm_config_arch=arm64

:wq!
source /etc/profile

执行 node -v，可以看到，安装成功

配置为淘宝镜像，顺便安装下 yarn：

npm config set registry https://registry.npm.taobao.org/
npm -g i yarn

4. 进入项目目录，安装构建依赖

yarn install

5. 直接编译

npm run electron:arm64

Linux x64 到这里就基本完事儿了，但是这是 arm，编译过程可以看到编译使用 x86 的 fpm 包，并没有使用 arm64 位的包，毫无疑问，构建失败，跑不起来

• downloading     url=https://github.com/electron-userland/electron-builder-binaries/releases/download/fpm-1.9.3-2.3.1-linux-x86/fpm-1.9.3-2.3.1-linux-x86.7z size=4.6 MB parts=1
• downloaded      url=https://github.com/electron-userland/electron-builder-binaries/releases/download/fpm-1.9.3-2.3.1-linux-x86/fpm-1.9.3-2.3.1-linux-x86.7z duration=3.13s

这里有俩种解决方案，其一修改源码适配 arm 架构，其二，用 linux 自己的 fpm 进行下载，我选择利用本机的 fpm 构建

sudo apt-get install ruby-full
sudo gem install fpm

下载成功后，执行 fpm，代表安装成功

package.json：中修改 arm 打包命令新增 USE_SYSTEM_FPM=true，使用本机的 fpm 进行构建

script: {
    "electron:arm": "USE_SYSTEM_FPM=true electron-builder --config electron.config.json -l --arm64"
}

6. 更新 package.json 部分配置，author 注意格式写法 xx ，homepage 一定要存在且不为空

  "name": "soclass",
  "author": "Sonny George <sonny@cafeparadox.com>",
  "version": "1.0.1",
  "description": "SoClass",
  "main": "main.js",
  "homepage": "https://www.mysite.com",

二、执行构建

npm run electron:arm

构建完成后，新增 build 文件夹，查看 build 文件夹，.deb 文件代表安装包

执行安装

dpkg -i xx.deb

我们通过 dpkg -c xx.deb查看源码目录，可以看到一个可执行程序，调用图形化页面执行即可，完美编译

最后要注意，当前的linux桌面环境是x11搭配gnome，如果要搭配wayland，要额外设置启动参数

./soclass --no-sandbox --enable-features=UseOzonePlatform --ozone-platform=wayland

或者可以环境变量设置weyland

/etc/profile
export PATH=$PATH:/home/node-v14.16.0-linux-arm64/bin
export USE_SYSTEM_FPM=true
export npm_config_arch=arm64
export electron_ozone_platform_hint=wayland

启动时，如果透明模式不生效，启动无效，可以用非root用户

三、相关链接

• Electron 跨平台打包