electron 打包

Posted on
# preface：小学期作业新加的需求，原来没玩过，记录一下

[参考知乎](使用 Electron 给 Python 程序加上 GUI - 知乎 (zhihu.com))

# 1. 打包 python 文件
# 2. 修改 js 中调用 python 的代码
# 3. 构建文件并打包 electron
# 1. 打包 python 文件
  • nuitka 打包

pip install nuitka

python -m nuitka frontend.py --follow-imports (–follow-imports 会附带打包依赖)

  • pyinstaller

pyinstaller -F C:\Users\18238\Downloads\packTest\byrFileShare-frontend\client\frontend.py

# 2. 修改 js 中调用 python 的代码
s
const { spawn } = require('child_process');
const python = spawn('python', ['\frontend.exe']);

image-20230906102010240

# 3. 构建文件并打包 electron

npm install electron --save-dev

npm init

# package.json
{
  "name": "your-app",
  "version": "1.0.0",
  "main": "C:/Users/18238/Downloads/packTest/byrFileShare-frontend/frontend/main.js",
  "scripts": {
    "start": "electron .",
    "package": "electron-packager ./ test --platform=win32 --arch=x64"
  },
  "dependencies": {
    "electron-packager": "^17.1.2"
  },
  "devDependencies": {
    "electron": "^latest-version"
  }
}

npm run package