Electron项目架构方案心得

10月前作者：Steven Hank 分类：Toy博客阅读(33) 违法举报

这篇具有很好参考价值的文章主要介绍了Electron项目架构方案心得。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

这里只记录FE的业务流程设计考虑和Electron的业务流程考虑。

一个electron客户端，理想的架构是，底层的能力支持完全由electron底层模块支持。关于electron底层模块的支持，不限于node packages 或者 dll 或者 rust实现的一些东东。而业务流程全部交由FE来进行流程控制和调度。

这样的好处是：

1、electron提供的能力会控制在某一个版本中，而FE相对灵活可以通过及时更新来解决一些问题，能够实现较快时间内的止损。

2、electron相对提供的能力比较规范，约束调用形式及交互参数。有利于基于electron做更多的业务功能拓展

3、electron提供的能力约束成一个标准的范式，对于后续electron进行版本升级也是有好处的

劣势：

1、可能在部分实际的业务场景中，不适合FE来做流程调度，可能会引发性能问题。

Electron项目架构方案心得,electron,javascript,前端文章来源地址https://www.toymoban.com/news/detail-820766.html

到了这里，关于Electron项目架构方案心得的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

交叉编译ARM64架构electron详解

本文主要参考Electron官方文档中构建说明和构建步骤（Linux）在amd64环境内构建arm64的electron包。如果是arm64环境请查看文章arm64架构编译electron长征路操作系统版本：统信1060 操作系统架构：amd64 内存：32G 如下图： electron版本：v25.9.8 chromium版本：114.0.5735.289 由于llvm编译需要

2024年02月02日
浏览(43)
arm64架构编译electron长征路

2024年01月21日
浏览(64)
vite + electron 构建前端桌面应用程序

npm yarn 选择是否继续项目名称选择框架选择项目语言项目构建成功，根据提示进入项目目录，安装依赖 electron 官网：https://www.electronjs.org/zh/docs/latest/ vite-plugin-electron ：https://github.com/electron-vite/vite-plugin-electron 安装依赖（electron 安装比较慢，耐心等待即可）编写 Electron 入

2024年02月06日
浏览(52)
前端（Electron Nodejs）如何读取本地配置文件

使用electron封装了前端界面之后，最终打包为一个客户端（exe）。但是，最近项目组内做CS（c++开发）的，想把所有的配置都放进安装目录的配置文件中（比如config.json）。这做法，对于纯前端而言有点难以接收。第一，纯前端不允许读取本地文件。就这一条，直接封死所有的

2024年02月16日
浏览(51)
photoshop生成器引入到electron项目（electron与photoshop建立通信）

Photoshop引入了nodejs，在启动的时候，通过pipe调起nodejs运行时核心generator-builtin，通过KLVR机制与ps进行通信和交互，同时会加载用户编写的扩展。这里记录一下引入时的踩坑过程 generator-core就是它的源码，electron的主进程是nodejs环境，如果可以将core这套代码在electron的主进程中

2024年02月13日
浏览(40)
前端桌面应用开发实践：Electron入门指南

随着互联网的快速发展，前端开发不再局限于网页应用，而是逐渐涉及到桌面应用的开发。Electron作为一种流行的前端桌面应用开发框架，为开发者提供了一种快速构建跨平台桌面应用的方式。本文将介绍Electron的基本概念和使用方法，并通过一个简单的示例来说明其开发实践

2024年02月11日
浏览(47)
Electron入门，项目启动。

electron 简单介绍：实现：HTML/CSS/JS桌面程序，搭建跨平台桌面应用。 electron 官方文档： [ https://electronjs.org/docs ] 本文是基于以下2篇文章且自行实践过的，可行性真实有效。文章1： https://www.cnblogs.com/sunshine-blog/p/9915222.html 文章2：https://jingyan.baidu.com/album/9225544671aecf851648f484.h

2024年02月12日
浏览(38)
创建Electron项目

按说明输入如下命令 cd CertificateDownload npm install npm run dev 安装electron 如果提示可能是没有python环境，需要自行安装，或者通过下面方式进行安装使用cnpm i electron --save-d进行安装，提示 √ All packages installed (72 packages installed from npm registry, used 2m(network 4s), speed 591.99kB/s, json 70(1

2024年02月15日
浏览(36)
创建第一个electron项目

创建package.json 创建electron 创建程序主入口文件 main.js,electron分为主进程和渲染进程,main,js也可以理解为electron项目的主进程,在主进程中是node环境不可以写操作dom方法,在渲染进程中是浏览器环境可以写操作dom的一些方法使用nodemon快速启动项目 package.json文件里面的配置我这里

2024年02月03日
浏览(40)
Electron 和 Angular 项目升级

原项目 Angular 和 Electron 版本: @angular/cli: 1.4.9 @angular/core: 4.4.6 Electron: 1.7.8 升级后 Angular 和 Electron 版本: Angular: 13.3.1 Electron: 21.2.1 流程: angular-electron 这是一个结合 Angular 和 Electron 的项目。以此为基准环境，不需要从头构建。这个项目的 Angular13 对应的 electron 为 v18，再手动到升

2024年02月16日
浏览(41)