Electron在Linux下打包那些事

短命女 2023-09-27 08:17 7阅读 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 条评论，7人围观）

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

相关阅读

相关 Electron在Linux下打包那些事

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

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

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

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

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

相关 electron打包

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

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

相关 Linux压缩那些事

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

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

相关 Linux字节对齐的那些事

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

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

相关手机那些事

米老师教导我们要隔一段时间就换一个密码这样的话可以保证自己隐私的安全。于是我就谨遵师命，把手机的屏保密码换了一个解锁密码。悲剧的事情来了，我的脑子太笨了，早上还能解锁下午就给忘

亦凉/ 2022年08月27日 06:54/ 0 赞/ 267 阅读

相关 Java GC的那些事（下）

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

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

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

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

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

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

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

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

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

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

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