随笔 - 436  文章 - 0 评论 - 341 阅读 - 50万
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

 

正文

回到顶部

为什么使用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

回到顶部

效果图

 


posted on   chester·chen  阅读(419)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
点击右上角即可分享
微信分享提示