溥价 发表于 2025-6-8 12:58:37

Electron初体验

为什么使用electron

最近准备开发一个国产麒麟系统上的桌面程序，主要完成Linux命令的可视化，而electron作为目前最活跃的跨平台桌面应用程序的框架之一，它可以使用网页技术（如 HTML、CSS 和 JavaScript）来创建桌面应用程序，同时利用 Node.js 的强大能力来访问操作系统底层功能，可以充分利用前端社区与Node.js的各种技术栈实现强大的功能。
与操作系统交互

Electron 的架构主要分为三个核心部分：主进程（Main Process）、渲染进程（Renderer Process） 以及 预加载脚本（Preload Script）。
1. 主进程（Main Process）

[*]功能：主进程是 Electron 应用程序的入口点，控制应用程序的生命周期。它运行 Node.js 环境下的 JavaScript 代码，并负责创建和管理所有的渲染进程（即应用的窗口）。
2. 渲染进程（Renderer Process）

[*]功能：渲染进程是每个应用窗口的独立进程，它运行在 Chromium 中，并负责显示用户界面（UI）。渲染进程执行的代码是 Web 技术（HTML、CSS、JavaScript）。
3. 预加载脚本（Preload Script）

[*]功能：预加载脚本在渲染进程加载网页内容之前执行，运行在隔离的上下文中。它可以通过桥接方式将 Node.js API 暴露给渲染进程，同时仍然保证安全性。
electron实践

命令可视化工具的总体架构如下
后台UI: vue-element-admin
后台Server: Golang
客户端UI: vue-element-admin
客户端操作: node.js

效果图


 

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

吮槌圯 发表于 2025-12-4 08:00:15

鼓励转贴优秀软件安全工具和文档！

缑娅瑛 发表于 2025-12-24 23:03:33

懂技术并乐意极积无私分享的人越来越少。珍惜

郗燕岚 发表于 2025-12-26 04:00:36

这个好，看起来很实用

表弊捞 发表于 2025-12-28 05:18:21

感谢分享，学习下。

俏襟选 发表于 2026-1-11 11:52:21

分享、互助 让互联网精神温暖你我

喳谍 发表于 2026-1-14 17:54:36

感谢分享，下载保存了，貌似很强大

闵雇 发表于 2026-1-16 16:56:17

感谢分享，下载保存了，貌似很强大

师佳思 发表于 2026-1-16 20:25:07

用心讨论，共获提升！

坡琨 发表于 2026-1-20 01:07:27

这个有用。

篁瞑普 发表于 2026-1-20 15:54:13

这个有用。

蚬蕞遂 发表于 2026-1-23 01:44:49

这个好，看起来很实用

凤患更 发表于 2026-1-25 07:42:20

鼓励转贴优秀软件安全工具和文档！

铜坠匍 发表于 2026-1-26 09:01:04

感谢发布原创作品，程序园因你更精彩

兼罔 发表于 2026-1-29 06:24:42

过来提前占个楼

撙仿 发表于 2026-1-30 02:57:55

热心回复！

峰襞副 发表于 2026-1-30 04:08:29

感谢发布原创作品，程序园因你更精彩

勉欤铅 发表于 2026-2-3 17:55:09

谢谢分享，试用一下

水苯 发表于 2026-2-5 02:56:35

懂技术并乐意极积无私分享的人越来越少。珍惜

蔺堰 发表于 2026-2-5 10:27:38

喜欢鼓捣这些软件，现在用得少，谢谢分享！
页: [1] 2
查看完整版本: Electron初体验