一、背景在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的开发方式主要有 Native 、 QT 、 Flutter 、 NW 、 Electron 、 Tarui 。其各自优劣势如下表格所示：我们最终的桌面端技术选型是 Elect
Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个 Node. js 的变体，它专注于桌面应用而不是 Web 服务器端。所以学过node.js的同学来讲，这个还是很简单入门的入门示例初始化项目cd E:/hbkmkdir electroncd electronnpm init安装electronnp...
原创
2021-07-28 10:03:46
533阅读
Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个 Node. js 的变体，它专注于桌面应用而不是 Web 服务器端。所以学过node.js的同学来讲，这个还是很简单入门的
入门示例
初始化项目
cd E:/hbk
mkdir electron
cd electron
npm init
安装electron
np
原创
2021-07-28 10:04:11
321阅读
Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。 参考：https://github.com/electron/electron-quick-start1、git clone
转载
2019-01-06 12:09:00
71阅读
点赞
在package.json中补充作者和描述信息。经过多次试验，使用yarn可以正常安装。4.初始化项目且安装electron。3.创建项目目录并且进入。
原创
2024-01-17 06:51:48
74阅读
unit 1： 说明： 1.安装 node // 查看版本： node --version --v10.14.22.安装 electr...
原创
2022-07-13 20:38:53
112阅读
一、首先应该明白两个概念，主进程和渲染进程， 主进程相当于是一个框架，而渲染进程则是往这个框架里填充的东西；在electron的应用中，主进程用于构建应用程序的框架，包括形成的桌面应用程序的边框、菜单、图标等等；而渲染进程则是各个网页，这些网页填充在主进程构建的框架中，组成了我们的实际应用程序；二、然后
转载
2023-12-28 14:27:05
102阅读
一.认识定位ElectronisaframeworkforcreatingnativeapplicationswithwebtechnologieslikeJavaScript,HTML,andCSS.实现Electron=Node+Chromium+V8这些只是Electron的依赖项，跨平台最关键的自然是适配层，由供node调用的C++模块来完成平台适配，提供系统级的平台接口适用场景桌面环境可
原创
2021-01-15 20:27:39
771阅读
简介 Electron 是一个可以使用 Web 技术如 JavaScript、HTML 和 CSS 来创建跨平台原生桌面应用的框架。借助 Electron，我们可以使用纯 JavaScript 来调用丰富的原生 AP
转载
2019-12-18 22:01:00
290阅读
1. Electron 是什么？使用github开发的开源框架允许开发者使用Web（js,html,css）技术构建跨平台的桌面应用Electron=Chrominum + node.js + Native API高效：通过Web技术写UI能力：底层能力能力&体验：跨平台&原生能力2. Chromium + NodejsChromium架构Chromium是谷歌开源的项目，相当于c
转载
2023-07-26 16:08:42
176阅读
Electron 应用架构在我们深入了解Electron的API之前，我们需要探讨一下在Electron中可能遇到的两种进程类型。 它们是完全不同的，因此理解它们非常重要。主进程和渲染进程Electron 运行 package.json 的 main 脚本的进程被称为主进程。 在主进程中运行的脚本通过创建web页面来展示用户界面。 一个 Electron 应用总是有且只有一个主进程。由于 Elec
转载
2024-05-16 11:20:30
41阅读
早期桌面应用的开发主要借助原生 C/C++ API 进行，由于需要反复经历编译过程，且无法分离界面 UI 与业务代码，开发调试极为不便。后期出现的 QT 和 WPF 在一定程度上解决了界面代码分离和跨平台的问题，却依然无法避免较长时间的编译过程。近几年伴随互联网行业的迅猛发展，尤其是 NodeJS、Chromium 这类基于 W3C 标准开源应用的不断涌现，原生代码与 Web 浏览器开发逐步走向融
转载
2023-09-20 15:45:00
286阅读
一、前言前面的课程已经讲述了什么是Electron，Electron的基本原理，Electron的工程化，如，怎么和React结合，怎么打包，怎么更新。Electron的基本原理，如主进程、子进程，进程间通信，Electron的窗口实现，Electron的基础结构等。 那么，今天，我们主要看看Electron的主要能力，也就是Electron能做些什么，同时对之前的课程进行加强和补充。二、基本概念
转载
2024-01-28 15:58:16
844阅读
在这篇文章中，我们将深入探讨“Electron架构”这一主题。随着桌面应用程序开发的复杂性不断增加，Electron成为一种极具吸引力的解决方案。Electron 允许开发者使用 JavaScript、HTML 和 CSS 构建跨平台的桌面应用程序。本文将详细分析其背景、技术原理、架构解析、源码分析、案例分析和扩展讨论，以帮助我们更好地理解 Electron 的工作原理及其应用。
## 背景描述
Electron 原理Electron简介,一种桌面应用程序运行时Electron 是一个开放源代码的项目, 由Cheng Zhao AKA zcbenz开发，他现在是 Github 北京 Atom 编辑器开发 team 的一名工程师。Electron 把 Chromium 和 Node 合并到一个单独的运行时里面，很适合开发桌面 web 形式的应用程序，通过Node它提供了通常浏览器所不能提供的
转载
2023-07-11 12:02:59
468阅读
界面部分打算使用electron来进行开发。 https://www.electronjs.org/zh/d
原创
2023-01-08 00:54:13
117阅读
简介Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 Electron内嵌了 Chromium 和 Node.js 到 二进制程序， 让你可以利用 JavaScript 代码创建可以在Windows、 macOS和Linux上运行的跨平台应用。Elemtron流程模型Electron入门搭建工程准备可参考Ele
原创
精选
2024-10-24 11:27:19
555阅读
整个教程不涉及过于深入的知识，通过一系列c操作能够运行一个简单的MarkDown编辑器。在整个过程中体会Electron的作用，对于我来说就是把整个网页和
转载
2021-10-15 09:37:09
220阅读
之前讲了electron应用的基本框架和结构。现在来讲讲其中一些组件(BrowserWindow，Menu等)的一些用法。这些方法我是从electron-api-demo 以及electron官网上的文档中看来的，自己整理了下，挑了点我觉得有用和项目中用到的用法说一下主要内容： 1.BrowserWindow的用法 2.main进程与renderer进程间通信1. BrowserWindowB
转载
2024-07-03 23:26:51
73阅读
1、electron基本介绍Electron 是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源框架。 Electron提供了丰富的本地（操作系统）API，使你能够使用纯JavaScript来创建桌面应用程序。Electron通过集成浏览器内核，使用Web技术来实现不同平台下的渲染，并结合了 Chromium 、Node.js 和
转载
2024-01-10 18:50:31
305阅读
