electron从创建项目到线上更新

最新推荐文章于 2025-10-14 09:13:15 发布

原创

最新推荐文章于 2025-10-14 09:13:15 发布 · 979 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了如何从创建 Electron 项目开始，利用 electron-builder 进行打包，并通过 electron-updater 实现应用的自动更新。首先确保 Node.js 和 npm 可用，然后按照 Electron 官方教程操作。接着安装 electron-builder，配置 package.json 并运行打包命令，生成的 .exe 文件即可安装。要实现更新功能，需引入 electron-updater，设置版本号并重新打包，降低版本号后，新打包的应用将自动检测并下载更新。

1. 需要有node能正常使用npm

以electron官网为例 https://electronjs.org/

# 克隆示例项目的仓库
$ git clone https://github.com/electron/electron-quick-start

# 进入这个仓库
$ cd electron-quick-start

# 安装依赖并运行
$ npm install && npm start

2进行项目的打包(我使用的的electron-builder)

首先在项目跟目录(electron-quick-start目录下)

推荐使用yarn和npm同理

npm install  -g yarn

下载好之后安装 electron-builder

yarn add electron-builder --save-dev

到此需要配置package.json文件在文件中添加(打开项目的package.json文件)

"build": {
    "appId": "com.dapaidang.app",
    "electronVersion": "3.0.11",
    "publish": [
      {
        "provider": "generic",
        "url": "http://192.168.28.134"
      }
    ],
    "win": {
      "target": [
        "nsis",
        "zip"
      ]
    }
  },"scripts": {
    "dist": "electron-build