electron在win上可运行后，如何打包到linux上运行？

Question

由于公司需求想要将原代码改成electron在linux显示，求前端大神指教，如何操作

Answer 1

1. 在 Windows 上准备开发环境和构建工具：
- 安装 Node.js
- 安装 Git
- 安装 Yarn 或 npm（其中之一即可）
- 安装 Electron Forge（用于打包和构建 Electron 应用程序）
2. 下载或 clone 原代码到本地。
3. 在代码目录中，使用 Yarn 或 npm 安装依赖项：
# 使用 Yarn
yarn install

# 或使用 npm
npm install
4. 在代码目录中，运行以下命令启动 Electron 应用程序以确保在 Windows 上运行正常：
# 使用 Yarn
yarn start

# 或使用 npm
npm run start
如果应用程序能够正常运行并在窗口中显示，那么说明 Electron 在 Windows 上已经成功运行。
5. 确保你在开发环境中有一个可用的 Linux 系统（可以是虚拟机、双系统或云服务器等）。
6. 在 Linux 系统中，安装 Node.js 和 Git，然后下载或 clone 原代码到本地。
7. 在代码目录中，使用 Yarn 或 npm 安装依赖项（与步骤 3 相同）。
8. 在代码目录中，运行以下命令以构建 Linux 版本的应用程序：
# 使用 Yarn
yarn make

# 或使用 npm
npm run make
这将使用 Electron Forge 根据配置文件构建 Linux 版本的应用程序。构建过程可能需要一些时间。
9. 构建完成后，在代码目录的 `out/make/` 目录中会生成一个 Linux 安装包或二进制文件。你可以将该文件复制到 Linux 系统中，并在 Linux 上运行它。
请注意，Linux 版本的 Electron 应用程序可能需要使用 Linux 系统特定的库或依赖项。确保在构建和运行应用程序之前满足这些依赖关系。

Answer 2

1、如果只是需要运行起来，不需要打包，那么可以在linux建文件夹，npm安装对应包，然后将win下的代码拷贝到对应位置即可运行。

2、如果需要打包，则比较复杂。大致为：

    a) 建app文件夹，将代码(含index.js文件）拷贝到其中。

    b) npm安装asar，用asar的pack命令，将app文件夹打包成一个文件app.asar

         asar pack app app.asar

   c) 在网页链接 下载对应版本的linux预编译二进制包，解压，用上面生成的app.asar替换resources文件夹下同名文件。

   d) 修改chrome-sanbox文件权限及属主:

sudo chown root:root chrome-sandbox
sudo chmod 4755 chrome-sandbox

  e) ./electron即可运行

Answer 3

如果想把electron打包到linux上运行，你可以去Electron官方网站查看相关的文档，或者可以去w3cschool等相关网站查找资料。
为了使用 Electron 部署你的应用程序，你需要下载 Electron 的 prebuilt binaries。 接下来，你存放应用程序的文件夹需要叫做 app 并且需要放在 Electron 的 资源文件夹Resources下，如下面的示例所示。 请注意，在下面的示例中，Electron的预制二进制文件的位置用electron/表示。
在 macOS 中:
electron/Electron.app/Contents/Resources/app/
├── package.json├── main.js└── index.htmlCopy

在 Windows 和 Linux 中:
electron/resources/app
├── package.json├── main.js└── index.htmlCopy

然后运行 Electron.app (或者 Linux 中的 electron，Windows 中的 electron.exe), 接着 Electron 就会以你的应用程序的方式启动。electron 文件夹将被部署并可以分发给最终的使用者。
楼主如果对Linux系统感兴趣，想学习更多Linux系统知识，可以百度《Linux就该这么学》，不错的一本Linux入门教程。本回答被网友采纳

Answer 4

这里使用的Electron的版本为1.6.11
1.安装
cnpm install electron -g
cnpm install electron-packager -g
2.参数配置
打包参数:
electron-packager <location of project> <name of project> <platform> <architecture> <electron version> <optional options>
* location of project：项目所在路径
* name of project：打包的项目名字
* platform：确定了你要构建哪个平台的应用（Windows、Mac 还是 Linux）
* architecture：决定了使用 x86 还是 x64 还是两个架构都用
* electron version：electron 的版本
* optional options：可选选项
--- 推荐直接修改package.json, 增加下面的key-value, 这种比直接执行electron-packager打包要简单:
WindowsX64:
"package": "electron-packager ./ helloworld --platform=win32 --arch=x64 --out=./app --version 1.0.0 --overwrite --icon=./myicon.ico"
LinuxX64:
"package": "electron-packager ./ helloworld --platform=linux --arch=x64 --out=./app --version 1.0.0 --overwrite --icon=./myicon.ico"
ps:最近重装了下然后发现上面的命令不行, 还需指定--electron-version=1.6.11才行, 如下:
"package": "electron-packager ./ helloworld --platform=win32 --arch=x64 --out=./app --version 1.0.0 --electron-version=1.6.11 --overwrite --icon=./myicon.ico"
3. 执行打包
cd到package.json的目录下, 然后执行:
cnpm run-script package
4. 完成
--->效果就是在打包文件夹的里生成了一个"app"文件夹, 里面有个"helloworld-win32-x64"文件夹, 然后再里面就是干货了, 里面有个exe叫"helloworld.exe";
ps: 打包成.asar: asar pack 文件夹路径 app.asar

Answer 5

要在 Linux 上打包 Electron 应用，请执行以下步骤：

1. 确保您已在本地计算机上正确安装了必要的依赖项，如 GCC、Python 和 Node.js。
2. 使用 npm 安装 electron-packager：npm install -g electron-packager
3. 运行 electron-packager，指定您的应用文件名称和版本：electron-packager <your app name> --platform=linux --arch=<architecture> (e.g., x64)
4. 如果你想要更多的定制，可以添加可选参数。
5. 打包任务完成后，就可以将您的应用文件传输到你的 Linux 服务器，然后就可以运行了。