electron TodoList网页应用打包成linux deb、AppImage应用

这里用的是windows的wsl的ubuntu环境

electron应用打包linux应用需要linux下打包，这里用windows的wsl的ubuntu环境进行操作
  1）linux ubuntu安装nodejs、electron

安装nodejs：

1. sudo apt update
2. sudo apt upgrade
3. ##快捷安装
4. curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -
5. sudo apt-get install -y nodejs

复制代码

安装完验证

安装electron：

1. ##安装cnpm
2. sudo npm install -g cnpm --registry=https://registry.npmmirror.com
3. cnpm install --save-dev electron
4. cnpm install electron-builder --save-dev

复制代码

2、electron打包linux应用

参考：
TodoList网页：https://cnloong.blog.csdn.net/article/details/140648621
TodoList打包文件夹内容根本都是上面和windows打包exe一样，只更改了package.json文件

新package.json内容：
linux下需要author、homepage、maintainer参数，否则会报错

1. {
2.   "name": "todolist-app",
3.   "version": "1.0.0",
4.   "main": "main.js",
5.   "homepage": "https://example.com",
6.   "author": {
7.     "name": "Your Name",
8.     "email": "your.email@example.com"
9.   },
10.   "build": {
11.     "appId": "com.yourcompany.todolist",
12.     "mac": {
13.       "category": "public.app-category.productivity"
14.     },
15.     "win": {
16.       "icon": "icons/icon.png",
17.       "target": [
18.         "nsis"
19.       ]
20.     },
21.     "linux": {
22.       "target": [
23.         "AppImage",
24.         "deb"
25.       ],
26.       "category": "Utility",
27.       "maintainer": "Your Name <your.email@example.com>"
28.     }
29.    
30.   },
31.   "scripts": {
32.     "start": "electron .",
33.     "build": "electron-builder --linux"
34.   },
35.   "keywords": [],
36.   "license": "ISC",
37.   "description": "",
38.   "devDependencies": {
39.     "electron": "^31.2.1",
40.     "electron-builder": "^24.13.3"
41.   },
42.   "dependencies": {}
43. }

复制代码

打包过程：
1）在windows的wsl的ubuntu环境进入对应windows目录TodoList下
一般/mnt下就是映射的windows的目录

2）build
npm run build

3）打包完成
在dist文件夹下可以看到linux平台的deb、AppImage安装包

dist\linux-unpacked 下是免安装包

   ubuntu桌面检察
  直接cmd进入linux-unpacked 目录下执行

1. ./todolist-app --no-sandbox

复制代码

如果不加–no-sandbox会报错

TodoList 运行结果

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

继续阅读请点击广告