【宝藏级构建桌面应用程序】使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序

使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序

用户喜爱的应用，以 Electron 构建
Visual Studio Code | WhatsApp | Twitch | Slack | InVision
数千个跨行业的组织使用 Electron 构建跨平台软件。

如果你可以建一个网站，你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架，它负责比较难搞的部分，你只需把精力放在你的应用的核心上即可。

electron-egg是一个入门简单、跨平台、企业级桌面软件开发框架，结合Electron 构建跨平台软件。

推荐 node.js >= 14.16.0
安装 EE 框架 2.0

打包流程：

1. 克隆示例项目的仓库：git clone https://gitee.com/wallace5303/electron-egg.git

2. 设置国内镜像源(加速)：npm config set registry=https://registry.npmmirror.com

3. 安装 npm 依赖包1：(在根目录下)npm install

4. 安装 npm 依赖包2：(在前端目录frontend下)npm install

5. 前端构建资源：(在前端目录frontend下) npm run build–>打包到 dist 目录

6. 移动前端资源文件：npm run rd

7. 代码加密：npm run encrypt

8. 设置国内镜像：npm config set electron_builder_binaries_mirror=https://registry.npmmirror.com/-/binary/electron-builder-binaries/

9. 执行打包命令：npm run build-w-64

#如果下载electron慢，配置如下（或者挂个VPN）
npm config set electron_mirror=https://registry.npmmirror.com/-/binary/electron/

基础知识：

1. 进程
框架有两种进程ee主进程：业务逻辑ee渲染进程：软件界面UI
2. 通信ipc：前端 ⇋ 业务层 （双向通信）http： 前端、命令行、浏览器 ⇋ 业务层 （单向通信）socket：前端 ⇋ 业务层 （双向通信）
3. 本地存储json数据库sqlite数据库

开发者模式：

# 软件界面
# 进入“frontend”目录，开发软件界面；支持任意前端技术，如果vue、react、angular、html等
# 启动前端
# 进入【前端目录】
cd frontend
# 安装依赖
npm install
# 启动服务
npm run serve# 业务逻辑
# “electron”目录，业务开发；常规业务逻辑、调用操作系统api、访问远程服务器等
# 在项目【根目录】启动服务
# 主进程服务
# 启动后端服务
npm run dev
# 热重载模式
npm run reload

常用命令：

# 开发者模式# 1：【进入前端目录】，启动前端服务cd electron-egg/frontend && npm install && npm run serve# 2：【根目录】，启动后端服务npm run dev# 开发模式（主进程）
npm run dev# 开发模式-热加载（主进程）
npm run reload# 预发布模式（环境变量为：prod）
npm run start# 打包 windows版本
npm run build-w (32位)
npm run build-w-64 (64位)# 打包 mac版本
npm run build-m
npm run build-m-arm64 (m1芯片架构)# 打包 linux版本
npm run build-l# 移动前端静态资源
npm run rd# 字节码加密
npm run encrypt# 混淆加密（废弃）
npm run compress# 还原（废弃）
npm run restore

electron-egg
参考介绍
使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序

【宝藏级构建桌面应用程序】使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序相关推荐

nwjs sdk linux x64,【NWjs中文网™】 - nw.js跨平台技术，使用JavaScript,HTML以及CSS搭建跨平台桌面应用...
最新版:v0.53.0,稳定版:v0.53.0,LTS版:v0.14.7 v0.53.0 v0.53.0,win-x64,normal v0.53.0,win-x64,sdk v0.53.0,win- ...
Electron 快速开始（一）-入门基础、使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序
文章目录 Electron 快速开始(一)-入门基础.使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序 Electron简介多进程模型 Electron 快速开始管理窗 ...
【盛派内部分享资料】本期主题：使用JavaScript HTML CSS构建跨平台桌面应用
先上录制视频友情提示:如果公众号内视频无法显示高清视频,您也可以在小程序内观看高清视频,点击下方按钮观看: [盛派内部分享资料]本期主题:使用JavaScript HTML CSS构建跨平台桌面应用 ...
记录一个android性能优化宝藏级总结
发现一个android性能优化文章宝藏级总结,太赞了,感谢大佬的无私奉献总结,防止丢失,在此记录一下传送门复制一些目录,增加一些篇幅{嘻嘻} 优化心得和经验抖音 Android 性能优化系列:启 ...
Electron - 创建跨平台的桌面客户的应用程序
Electron 框架的前身是 Atom Shell,可以让你写使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序.它是基于io.js 和 Chromium 开源项目,并用于在 ...
程序员的英文代号_构建一个代号为1的聊天应用程序2
程序员的英文代号在本教程的第二部分中,我们将介绍Google的登录过程并获取唯一ID. 我们将尝试编写通用代码,以便以后在Facebook登录过程中重用. 但是首先让我们介绍一下``登录''实际上意 ...
5款宝藏级高效办公软件，升职加薪必备，用一次就爱上
如今,大部分朋友的工作应该都离不开电脑,电脑软件更是数不胜数,但我们不可能把每个都装上吧?所以更加要挑选好用的.实用的,今天小葱给大家分享5款超级好用的高效办公软件,升职加薪必备哦! 1. wolai ...
kotlin 构建对象_使用Kotlin，TypeScript和Okta构建安全的Notes应用程序
kotlin 构建对象 I love my job as a developer advocate at Okta. I get to learn a lot, write interesting b ...
SpiderMonkey－让你的C++程序支持JavaScript脚本
译序有些网友对为什么D2JSP能运行JavaScript脚本程序感到奇怪,因此我翻译了这篇文章,原文在这里.这篇教程手把手教你如何利用SpiderMonkey创建一个能执行JavaScript脚本的 ...

【宝藏级构建桌面应用程序】使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序

使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序

【宝藏级构建桌面应用程序】使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序相关推荐

最新文章

热门文章