Electron 技术

官网

官网地址: https://www.electronjs.org/

起步

打开 https://www.electronjs.org/zh/docs/latest/tutorial/quick-start 页面 或者直接到github https://github.com/electron/electron-quick-start 下载

git clone https://github.com/electron/electron-quick-start
cd Electron-quick-start
npm install
npm run start

即可快速启动

架构建设

传统的客户端技术必然要做一件事:自动升级

自动升级分为三部分:

1. Webview页面升级
2. Main模块升级
3. Electron自身的升级

为此，我启动了一套架构，开源在git仓库

git clone https://gitee.com/fly2world_admin/electron-quick-start.git
cd Electron-quick-start
npm install
npm run start

打包发布

参考打包教程模块

1. 安装打包环境

npm install --save-dev @Electron-forge/cli
npx Electron-forge import

2. 打包发布

npm run make    //发布 win + mac 环境
npm run package //只发布 win 环境(快)

至此,整套架构已运行通畅, 下一步就是自动升级,参考下篇。