Electron在Linux下打包那些事

短命女 2023-09-27 08:17 14阅读 0赞

**目录**

前言：

2.思路

3.打包步骤

4.我的配置（可参考我的配置）

总结：

--------------------

### 前言： ###

> 我是用的是electron-builder打包工具，要在linux下打包成amd64架构的APPimage文件，以及arm64架构的APPimage文件。
> 
> --------------------
> 
> ps:
> 
> appimage是linux下的标准可执行文件，当然你也可以选择其他格式比如deb，但是我感觉还是APPimage比较好，我后续是要在基于linux系统的国产操作系统UOS(统信）下安装，只需要将APPimage文件打包为deb安装包即可。
> 
> 至于为啥不直接打包deb,是因为就算我使用electron-builder打包成deb文件，但是因为目录结构等原因还是要重新打包，且APPimage几乎可以在任何基于linux系统的环境中运行，所以基于以上原因，我选择打包成APPimage

--------------------

### 2.思路 ###

> 第一点 ，我平时是在Windows系统下开发，要想打包成成linux amd64的APPimage文件，需要在linux环境下，于是我下载虚拟机（vmware）安装乌班图系统。
> 
> --------------------
> 
> 第二点，在linux下可以打包成arm64或者amd64架构的包,但要想运行arm64架构的APPimage包需要在arm架构的机器下，我使用的是苹果电脑，下载虚拟机，然后安装arm架构的系统，比如UOS的arm版本

--------------------

### 3.打包步骤 ###

> 其实打包就是修改electron-builder的配置文件，先说几个特别需要注意的，尤其是第一条。
> 
> --------------------
> 
> 1.在Linux下打包，package.json中必须配置homepage，就是主页信息，比如：https://www.baodu.com,如果报错说缺少author或者email，你就按我下面的写，我之前被狠狠狠的坑了一把，明明都写了email，author等信息还是一直报错说email没配置，原来是格式不对…
> 
>     "author": "xxx, Inc <xx@gmail.com>"
> 
> --------------------
> 
> 2.可以用配置文件配置，也可以直接在package.json中写，我是在单独文件中配置的。比较重要的字段是target，意思是打包成的文件格式，还有一个是arch代表架构，amd64就写x64.

--------------------

### 4.我的配置（可参考我的配置） ###

--------------------

第一个是新建electron-builder.yaml文件

appId: 'io.xx.xx'
    productName: 'xx'
    copyright: Copyright © 2021 xx
    
    directories:
      buildResources: resources
      output: release/
      app: .
    
    #artifactName: ${productName}-${version}-${platform}-${arch}.${ext}
    asar: true
    
    publish:
      - provider: 'generic'
        url: https://www.baidu.com
    
    mac:
      artifactName: ${productName}-${version}-darwin-${arch}.${ext}
      target:
        - target: dmg
          arch:
            - x64
            - arm64
      icon: 'app/assets/xx.icns' //图片文件的路径
    
    linux:
      artifactName: ${productName}-${version}-linux-amd64.${ext}
      target:
        - target: AppImage  //打包成什么类型的文件
          arch:
            - x64  // x64 == amd64 == x86_64
    
    win:
      artifactName: ${productName}-${version}-windows-amd64.${ext}
      target:
        - target: nsis
          arch:
            - x64
      icon: 'app/assets/dwicologo.ico'
    
    #publish:
    #  - provider: generic
    #    url: https://update.electron-builder.com
    #    channel: latest
    releaseInfo:
      releaseName: ${version}
      releaseNotes: 'view github release: https://github.com/yaklang/yakit/releases'

然后是pachage.json配置

{
      "name": "名称",
      "version": "版本",
      "description": "描述信息",
      "main": "app/main/index.js",//主程序
      "homepage": "主页",
      "author": "xx, Inc <xx@mail.com>",
      
      
      "scripts": {
        "start-electron": "electron .",
        "install-render": "cd app/renderer/src/main && yarn install",
        "start-render": "cd app/renderer/src/main && yarn electron-render",
        "build-render": "cd app/renderer/src/main && yarn build",
        "dev": "concurrently -k \"yarn start-render\" \"wait-on tcp:3000 && yarn start-electron \" ",
        "postinstall": "electron-builder install-app-deps",
        "pack-win": "electron-builder build --win --x64",
        "pack-mac": "electron-builder build --mac --x64",
        "pack-mac-arm64": "electron-builder build --mac --arm64",
        "pack-linux": "electron-builder build --linux --armv7l",
        "electron-publish": "electron-builder --publish always -mwl"
      },
      "keywords": [],
      "license": "ISC",
     
    
    }

--------------------

### 总结： ###

> 这篇文章主要讲的是，electron使用electron-builder是如何打包的，我们可以通过修改electron-builder.yaml配置文件和package的script配置进行打包，需要注意的是，Windows下无法打linux版本的包，如果你要打linux系统的amd64架构需要找一台linux amd64的系统打包，也可以在amd64下打arm架构的包，但是不能运行，需要放到arm架构的系统里才能运行。

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关 Electron在Linux下打包那些事

目录前言： 2.思路 3.打包步骤 4.我的配置（可参考我的配置）总结： -------------------- 前言： > 我是用的是electr

短命女/ 2023年09月27日 08:17/ 0 赞/ 15 阅读

相关 Linux磁盘IO那些事

磁盘性能指标说到磁盘性能的衡量标准，必须要提到五个常见指标，也就是我们经常用到的，使用率、饱和度、IOPS、吞吐量以及响应时间等。这五个指标，是衡量磁盘性能的基本指标。

心已赠人/ 2023年07月08日 11:28/ 0 赞/ 2 阅读

相关 quasar构建linux版本electron项目以及如何让electron程序在linux下运行

quasar构建，默认命令是： quasar build -m electron 如果要支持linux，通常是直接加参数--target linux

系统管理员/ 2022年10月29日 04:30/ 0 赞/ 258 阅读

相关 electron打包

一.electron 文档地址： [https://www.electronjs.org/docs][https_www.electronjs.org_docs]

傷城~/ 2022年09月10日 13:19/ 0 赞/ 336 阅读

相关 Linux压缩那些事

简介本文主要介绍互联网上最主流的两种压缩格式（rar和zip）文件在Linux系统上的压缩和解压操作，包括分卷压缩。本文不展开过多详细的命令选项的讲解，只列举实际使用L

素颜马尾好姑娘i/ 2022年09月09日 12:57/ 0 赞/ 321 阅读

相关 Linux字节对齐的那些事

关注+星标公众号，不错过精彩内容 ![b9e405976f6bc69ab5798027d83b2c58.gif][] 转自 | 一口Linux 最近作者在做一个项目，遇到

秒速五厘米/ 2022年09月03日 15:19/ 0 赞/ 264 阅读

相关 Java GC的那些事（下）

收集算法垃圾收集算法主要有：标记-清除、复制和标记-整理。 1、标记-清除算法对待回收的对象进行标记。算法缺点：效率问题，标记和清除过程效率都很低；空间问

快来打我*/ 2022年05月24日 13:14/ 0 赞/ 185 阅读

相关 electron使用electron-packager打包整理

一、安装 electron-packager PS：安装之前，先复制一份package.json文件到./app目录下，然后改下./app目录下package.json里 “

快来打我*/ 2022年02月20日 01:53/ 1 赞/ 1406 阅读

相关关于烂代码的那些事（下）

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 假设你已经读过烂代码系列的前两篇：了解了什么是烂代码，什

灰太狼/ 2022年01月13日 04:39/ 0 赞/ 328 阅读

相关 Electron应用程序打包（Windows环境下）

Electron 官网地址：[https://electronjs.org/][https_electronjs.org] 一、搭建环境 > 如果你可以建一个网站，你就

谁践踏了优雅/ 2021年09月20日 07:30/ 0 赞/ 443 阅读