Electron | Electron应用制作成deb包

最新推荐文章于 2024-07-25 09:27:14 发布
最新推荐文章于 2024-07-25 09:27:14 发布
阅读量4.7k 收藏 2
点赞数
分类专栏： # Electron 文章标签： electron debian linux
原文链接：https://blog.csdn.net/Neutionwei/article/details/110561791
版权

在使用 electron-packager 工具输出 linux 平台的 electron app 后，可以使用 electron-installer-debian 工具把 app 打包成供Ubuntu平台下安装的 debian 包。

1 环境搭建

1.1 安装 node.js


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      curl -sL https:
      
      //deb.nodesource.com/setup_14.x | sudo -E bash -
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      sudo apt-
      
      get install -y nodejs

1.2 安装 electron-installer-debian


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      sudo apt-
      
      get install fakeroot
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      sudo npm install -g electron-installer-debian

2 debian 包制作

使用 electron-packager 工具执行如下命令进行打包：

electron-packager . app --platform linux --arch x64 --out dist/

那么 electron app 则位于 dist 目录下：


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      .
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      └── dist
     
     
    
    
    
  3. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
          └── app-linux-x64
     
     
    
    
    
  4. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
              ├── LICENSE
     
     
    
    
    
  5. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
              ├── LICENSES.chromium.html
     
     
    
    
    
  6. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
              ├── content_shell.pak
     
     
    
    
    
  7. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
              ├── app
     
     
    
    
    
  8. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
              ├── icudtl.dat
     
     
    
    
    
  9. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
              ├── libgcrypt.so
      
      .11
     
     
    
    
    
  10. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
              ├── libnode.so
     
     
    
    
    
  11. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
              ├── locales
     
     
    
    
    
  12. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
              ├── natives_blob.
      
      bin
     
     
    
    
    
  13. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
              ├── resources
     
     
    
    
    
  14. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
              ├── snapshot_blob.
      
      bin
     
     
    
    
    
  15. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
              └── version

2.1 直接在终端执行命令制作

命令如下：

electron-installer-debian --src dist/app-linux-x64/ --dest dist/installers/ --arch amd64

命令执行后，生成的 debian 包存放于 dist/installers 目录，文件名类似为 app_0.0.1_amd64.deb。

2.2 使用 npm 命令制作

首先在 package.json 文件中编辑 scripts 部分，添加 deb64 的内容：


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      {
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
      
      
      "name": 
      
      "app",
     
     
    
    
    
  3. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
      
      
      "description": 
      
      "An awesome app!",
     
     
    
    
    
  4. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
      
      
      "version": 
      
      "0.0.1",
     
     
    
    
    
  5. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
      
      
      "scripts": {
     
     
    
    
    
  6. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      "start": 
      
      "electron .",
     
     
    
    
    
  7. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      "build": 
      
      "electron-packager . app --platform linux --arch x64 --out dist/",
     
     
    
    
    
  8. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      "deb64": 
      
      "electron-installer-debian --src dist/app-linux-x64/ --dest dist/installers/ --arch amd64"
     
     
    
    
    
  9. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
        },
     
     
    
    
    
  10. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
      
      
      "devDependencies": {
     
     
    
    
    
  11. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      "electron-installer-debian": 
      
      "^0.6.0",
     
     
    
    
    
  12. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      "electron-packager": 
      
      "^9.0.0",
     
     
    
    
    
  13. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      "electron": 
      
      "~1.7.0"
     
     
    
    
    
  14. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
        }
     
     
    
    
    
  15. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      }

然后在终端执行以下命令：

npm run deb64

为了支持在制作 debian 包的时候添加更多选项，可以使用 json 配置文件描述，例如以下是 config.json 文件的内容：


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      {
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
      
      
      "dest": 
      
      "dist/installers/",
     
     
    
    
    
  3. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
      
      
      "icon": 
      
      "resources/Icon.png",
     
     
    
    
    
  4. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
      
      
      "categories": [
     
     
    
    
    
  5. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      "Utility"
     
     
    
    
    
  6. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
        ],
     
     
    
    
    
  7. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
      
      
      "lintianOverrides": [
     
     
    
    
    
  8. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      "changelog-file-missing-in-native-package"
     
     
    
    
    
  9. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
        ]
     
     
    
    
    
  10. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      }

在该文件中描述了 debian 包的存放目录、应用图标、应用类别与检查器。

在 package.json 文件的 scripts 部分这样引用该配置文件：

"deb64": "electron-installer-debian --src dist/app-linux-x64/ --arch amd64 --config config.json"

更详细的使用说明可以参考 electron-installer-debian 的 README.md。

麒麟龙芯loongarch64 electron 打包deb包
zcc的博客
04-24 1980
之前用electron-packager 打包出来的是文件夹 是 unpack 包。现在需要打包deb包，依据开发指南开始打包。3、添加打 deb 包命令 "deb": "electron-installer-debian --config config.json"安装完的软件路径在 文件系统 usr/ lib/ 下 可以看到我想修改的文件是只读文件。2、使用npm run deb1 时没有图标，使用config.json打包的有图标。4、打 deb 包 npm run deb。5、修改 deb 包。
2025最新Electron环境搭建，第一个Electron应用【详细教程】
最新发布
Zy100Papa的博客
02-10 1688
cnpm是个中国版的npm，是淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm。安装好electron后，目录下自动生成node_modules目录，里面存放到electron所用到模块。由于国内网速问题，直接安装一般会失败。淘宝镜像是淘宝团队为国内用户提供的npm镜像源，它与官方镜像源保持同步，并提供了更快的下载速度。在使用npm初始化项目前，强烈建议将npm源更改到国内镜像源。
electron打包deb格式文件，更新、解包、安装
qq_43594278的博客
01-10 2602
electron打包deb格式文件 配置webpack.json 安装 sudo dpkg -i xxx.deb 默认打包为.AppImage文件 执行：sudo ./xx.AppImage --no-sandbox
Electron-forge打包Vue等项目为deb,exe等详解（完整代码）
qq_45859670的博客
07-24 1513
国产系统麒麟操作系统软件，Vue项目适配，打包成deb,可供麒麟操作系统安装的软件麒麟V10node v18本流程打包用了Electron Forge脚手架是一款用于打包和分发Electron应用程序的一体化工具。它结合了许多单一用途的软件包，创建了一个完整的开箱即用的构建管道，包括代码签名、安装程序和工件发布。对于高级工作流程，可以通过其和来处理自定义构建和存储目标。
国产麒麟系统下打包electron+vue项目（AppImage、deb）
m0_63701303的博客
04-26 6138
国产麒麟系统下打包electron+vue项目（AppImage、deb）
[Electron] 将应用打包成供Ubuntu、Debian平台下安装的deb包
Systemcall名屋
11-29 3344
​在使用 electron-packager 工具输出 linux 平台的 electron app 后，可以使用 electron-installer-debian 工具把 app 打包成供Ubuntu平台下安装的 debian 包。
【Electron-vue】构建桌面应用（5）-Linux下打包安装程序deb文件
chenqk_123的专栏
09-21 5787
1.前言 在上一篇博客中讲到交叉打包的问题，但是很遗憾的是，目前做不到。 在window下打包的可执行程序，无法在Linux下执行，并且会出现core dumped的问题，目前无法解决 在Linux下可以通过build生成windows下的可执行程序，并且在windows下可执行，而且在windows下通过Inno Setup打包生成可安装程序 那接下来就是调研怎么在Linux系统中生成可执行程序。 2.Linux下生成可执行程序 1.准备工作 因为VS code9（以下简称VS）开发工具
electron0.2.6.deb
12-30
electron--0.2.6.deb
electron-builder在ubantu系统下打包.deb软件
weixin_59626800的博客
03-08 970
在ubantu上安装node.js和npm上传你的前端文件包，放在一个空目录下进入test根目录在根目录下运行以下命令安装 Electron Builder：（如果安装失败，一般是网络原因，可以更换npm源，当前为华为源）安装完成后，在目录下会自动创建一个文件，其中包含以下内容修改文件，添加以下内容创建一个。
electron打包linux的.deb安装包还有配置应用启动图标
weixin_52303619的博客
11-17 2143
注意打包.deb安装包时需要在linux系统下运行打包程序。
教你在Linux上安装Node并用Electron打包deb和rpm包
冰恋云的专栏
12-22 1494
Windows下无法打linux版本的包，如果你要打linux系统的amd64架构需要找一台linux amd64的系统打包，也可以在amd64下打arm架构的包，但是不能运行，需要放到arm架构的系统里才能运行。下载linux的node环境上传的服务器解压，也可以用tar解压我是解压到了 usr/local/node 目录添加环境变量查看是否设置成功修改镜像 弹出配置文档，i编辑，esc退出编辑模式, :wq写入后退出。
electron-installer-debian:为您的Electron应用程序创建Debian软件包
04-28
电子安装程序-debian 为您的Electron应用程序创建一个Debian软件包。 | | | | 要求 此工具需要Node 10或更高版本， fakeroot和dpkg来构建.deb软件包。 我建议在目标平台上构建软件包，但是如果您坚持使用Mac OS X，则可以通过安装这些工具： $ brew install fakeroot dpkg 安装 从命令行使用： $ npm install -g electron-installer-debian 用于npm脚本或以编程方式使用： $ npm install --save-dev electron-installer-debian 用法 假设您的Electron应用程序位于path/to/app ，并且具有以下结构： . ├── LICENSE ├── README.md ├── node_modules │   ├──
electron打包成exe和dmg
09-12
win使用electron-packager打包成exe安装文件，实现和其他pc应用一样的安装步骤如 选择安装路径还有安装进度以及桌面快捷键功能，解决了出现electron默认的安装效果。Mac使用electron-builder打包成dmg文件，直接运行在Mac上
electron打包整理
weixin_34348174的博客
01-30 243
最近在折腾把项目打包成桌面应用程序，发现一个工具electron，可以讲项目打包成一个跨平台的应用程序，很方便，来学习一下。1、先安装electron、electron-packager，安装方法可以使用package.json文件配置，然后npm install也可以使用cnpm安装，速度会快点，具体如下：npm install -g cnpm --registry=https://regist...
Electron在Linux下打包那些事
接着奏乐接着舞的博客
09-05 9805
我是用的是electron-builder打包工具，要在linux下打包成amd64架构的APPimage文件，以及arm64架构的APPimage文件。ps:appimage是linux下的标准可执行文件，当然你也可以选择其他格式比如deb，但是我感觉还是APPimage比较好，我后续是要在基于linux系统的国产操作系统UOS(统信）下安装，只需要将APPimage文件打包为deb安装包即可。
electron TodoList网页应用打包成linux deb、AppImage应用
weixin_42357472的博客
07-25 1083
这里用的是windows的wsl的ubuntu环境electron应用打包linux应用需要linux下打包，这里用windows的wsl的ubuntu环境进行操作。
Electron如何打包使其支持龙芯和方腾、兆芯平台的麒麟系统
顺其自然~专栏
07-15 5137
1、构建和编译在win10上开发和编译我选择electronvue框架开发，集成electron-packager打包工具，自己又扩展了package.jsonelectronvue框架自带的electronv2.0.18。3、打包接下来将编译好的build\proclient-linux-arm64\文件夹ssh上传到对应的系统，这里使用银河麒麟操作，打包成deb文件。如deb需要在银河麒麟上打包，rpm需要在中标麒麟上打包。如果你本身就是在麒麟系统上做开发，那就更方便了。...
Electron详解（二）：基本使用与项目打包
热门推荐
Java+GO+JS全栈工程师-鹤冲天的博客：编程辅导~商务合作~技术交流
06-21 1万+
在使用Electron进行开发之前，您需要安装 Node.js，最低工作版本为 14.x，低于 14 的版本在后面的打包过程中可能会报错。（注意，因为 Electron 将 Node.js 嵌入到其二进制文件中，所以在 electron 应用运行时的 Node.js 版本与你本地电脑中运行的 Node.js 版本无关。（虽然您需要在开发环境安装 Node.js 才能编写 Electron 项目，但是 Electron 不使用您系统的 Node.js 环境来运行它的代码。
electron-forge打包和electron-builder打包
a594212的博客
11-23 1361
但是electron-forge的配置在单独的一个forge.config.js文件中，但是我没查到在这个文件中怎么配置允许用户选择安装位置，最终改成了electron-builder打包方式。目前我这里的区别是electron-forge可以直接运行程序，electron-builder只能打包程序，其它暂时没有影响。，优先选择electron-forge进行打包，但是最后打包出来的exe是自动安装而且有一个绿色的安装动画。最后搜索怎么允许选择安装位置，结果都是需要在package.json中配置。
electron打包deb
02-09
### 使用 Electron 打包应用程序为 DEB 文件 #### 准备工作 确保开发环境中已安装 Node.js 和 Electron Forge。可以通过以下命令来完成这些工具的安装： ```bash npm install --save-dev @electron-forge/cli npx electron-forge import ``` 这会初始化项目并设置好必要的依赖项[^1]。 #### 修改 `package.json` 配置文件 为了让 Electron 应用能够被打包成 `.deb` 文件，在项目的根目录下的 `package.json` 中添加或修改如下脚本和配置字段： ```json { "main": "electron/electronMain.js", "scripts": { "start": "electron-forge start", "package": "electron-forge package", "make": "electron-forge make" }, ... } ``` 这里的 `"make"` 脚本用于根据当前操作系统生成相应的安装包，对于 Linux 来说就是 `.deb` 或者其他类型的包[^2]。 #### 设置应用图标和其他元数据 为了使最终的应用具有良好的用户体验，应该指定应用启动时显示的图标以及其他描述性的信息。这部分通常也在 `package.json` 的特定部分定义，比如通过 `build` 字段中的子属性来进行详细的设定[^3]。 #### 开始打包过程 当一切准备就绪之后，可以执行下面这条命令开始创建 `.deb` 安装包的过程： ```bash npm run make ``` 此命令将会读取系统的环境变量自动判断目标平台，并据此制作适合该平台的应用分发版本。如果是在基于 Debian/Ubuntu 的发行版上运行，则默认情况下它会选择构建 `.deb` 格式的软件包[^4]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值