electron和FE代码分离方案

最新推荐文章于 2024-11-01 09:33:30 发布
最新推荐文章于 2024-11-01 09:33:30 发布
阅读量477 收藏 6
点赞数 13
文章标签： electron javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vmanas_/article/details/135111264
版权

方案一

描述

将electron和FE代码都放在一个项目中维护，打包在一起。

优势

  • FE代码可以通过本地形式加载，不会有网络请求耗时
  • 团队人数较少容易维护

劣势

  • 如果出现问题只能重新打包发版。
  • 团队人数较多，项目耦合太严重。容易造成管理不当导致代码的覆盖等问题

方案二

描述

将electron和FE代码分开维护，约束通信交互形式

优势

  • 分开维护，功能解耦
  • 可以通过在线加载的形式，部分异常情况可以通过FE兜底进行迭代解决

劣势

  • 如果FE为线上地址，会导致由于网络波动造成的白屏等问题

方案三

描述

  • 将electron和FE代码分开维护，app启动时先去下载FE资源到本地，打到本地化的效果。

优势

  • 分开维护，功能解耦，贴近原生app的交互体验

劣势

  • 如果下载失败，需要异常逻辑进行兜底逻辑设计
Steven Hank
关注
Lesson 1: Electron应用的代码结构
Electroner
06-02 638
Electron 简介 Electron 是由 GitHub 维护的，基于io.js 和 Chromium的开源项目 。使用 JavaScript，HTML 和 CSS 构建运行在 Mac，Windows 和 Linux跨平台的桌面应用程序。 Electron的基本文件结构 Electron最简单的一个程序有三个文件，package.json， main.js和index.html。
node项目分析-FE分享
u013827348的博客
05-17 382
一、概念知识 1. 理解Node.js 简单的说Node.js 就是运行在服务端的 JavaScript Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好 结构组成： 2. 执行机制：TODO:参考从原理上理解NodeJS的适用场景；有时间再去看看进程和线程 NodeJS是异步单线程的 在Node.js中.
Electron 应用性能优化策略大全
与墨的编程成长历程
03-28 3627
Electron 以其跨平台、统一开发环境的优势吸引了众多开发者投身于桌面应用的构建之中。然而，由于 Electron 应用本质上是一个结合了 Node.js 和 Chromium 浏览器的应用程序，这也意味着在享受便捷的同时，我们也必须面对潜在的性能挑战，特别是资源消耗和内存管理等问题。本文将深度探讨一系列 Electron 应用性能优化策略。
Electron应用的打包和自动更新
江咏之
11-22 2387
我们上面的例子中，是将页面的web资源都打包到了安装包，还有一种情况就是，web资源和“app壳子”分离，web资源放在服务器，每次都通过网络动态加载，像下面这样：URL('https://juejin.cn')在业务需要频繁更新的场景中，可以使用这种方式，快速无障碍地实现更新。在这种情况下，我们可以按照上述方式打包和更新“壳子”，也就是主进程相关；而页面资源的打包和普通的前端项目打包无异，这里不再赘述。这篇文章主要讲解了使用。
【精读】1234- 上帝视角来看 2022 年前端趋势
pingan8787
02-15 1388
来自上帝视角的总览这是一份来自未来的文档，感谢你对前端技术领域持续关注。编程语言趋势大观：Python 反超 JavaScript数据来源Github根据 Github 的相关数据我们可...
《后现代全栈系统的设计与应用》
全栈空间
03-07 1886
从当年的毕业论文（2019/5/13）中找点灵感。。。目 录1 绪论 11.1 选题目的 11.2 研究内容 12 系统需求分析 12.1 功能性分析 12.2 非功能性需求 23 开发环...
Everyday-FE-Articles 8~11月前端文章日推 [持续更新]
weixin_33932129的博客
11-08 969
Everyday-FE-Articles 由来自@阿里马跃的每日文章推荐，于是顺手整理，以便学习... -- By Ale-cc /* 注：序号不准确 */ 八月份 8月7日 星期二，农历六月廿六 Scriptswitch: Conditional Script Loading Manager for Browsers github.com/anywhichway… 三十分钟掌握Webp...
英语教学系列之雅思词汇篇V1.1（持续更新）
热门推荐
欢迎！欢迎来到17号城市！
06-23 16万+
按场景记忆是最高效的，这里给出的音标全部是英氏。 跟你没有相关性的表达你也要记下来， 不仅可以用在听力、阅读、写作， 还因为在雅思口语PART 3中可能会问一些分类讨论的话题， 不仅仅只说自己的情况。
sessionstorage可以跨域吗_Web端即时通讯基础知识补课：一文搞懂跨域的所有问题！...
weixin_39531183的博客
12-05 2591
本文原作者： Wizey，作者博客：http://wenshixin.gitee.io，即时通讯网收录时有改动，感谢原作者的无私分享。1、引言典型的Web端即时通讯技术应用场景，主要有以下两种形式：1）作为完整的即时通讯产品进行应用：比如独立的Web端IM产品；2）作为某个更大系统中的一部分进行应用：比如客服系统（相当于工单系统里嵌入IM技术啦）。对于第一种场景，为了更好的划分功能逻辑，一个完整的...
scripts:dianmi-fe的脚本
03-08
7. **测试框架**：Jest、Mocha、Chai等，为JavaScript代码提供自动化测试方案，确保代码质量。 8. **性能优化**：JavaScript还可以用于优化页面性能，比如使用requestAnimationFrame进行动画处理，或者利用Lodash等...
纯干货！Java后端开发十二条经验分享！
Java_LingFeng的博客
12-01 1742
本文是博主从事后端开发以来，对公司、个人项目的经验总结，包含代码编写、功能推荐、第三方库使用及优雅配置等，希望大家看到都能有所收获
当技术重构遇上DDD，如何实现业务、技术双赢？
q1472750149的博客
01-07 601
百度Geek说正在上传…重新上传取消​架构师 @ 百度 全文9000字，预计阅读时间21分钟 一、困境：项目背景 爱番番沟通基于百度商桥快速完成了产品功能和技术架构的从无到有，但同时也继承了百度商桥历史功能繁杂、技术架构陈旧的缺点。为了能更好地服务于爱番番沟通将来的产品演进，提高产研能效，需要从实际问题出发，聚焦主要矛盾，对产品架构和业务架构进行重构。 为了更好的理解本文内容，以下是必要的名词解释： 1.1 爱番番沟通是什么？ 爱番番沟通是连接访客和商家的在线咨询工具。一方面访客可以...
前端--基础
qq_44377537的博客
07-05 397
原文链接：https://juejin.im/post/6844903830887366670 开篇 前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 winter 在他的《重学前端》课程中提到： 到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。 这样是一个非常真实的现状，实
windows 下 electron-builder ERR_ELECTRON_BUILDER_CANNOT_EXECUTE 报错处理
非晓为骁的博客
10-29 514
实际上就是 3.0.4.1 的 nsis 这个包不支持打包超过 2G 的可执行文件，导致electron-builder进行7z压缩时失败，不过这个在 windows 上好像才会出现。用 AI 去查都会说是权限，或者空间不够。里面的文件，文件评论发 email。解决方案就是替换目录下。
【客户端开发】electron 中无法使用 js-cookie 的问题
最新发布
日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈
11-01 373
谷歌浏览器升级之后，出于安全考虑，cookie的SameSite属性默认值由None变为Lax，对于跨域的请求，禁止携带cookie。不要使用 cookie 来存储 token 等信息，采用浏览器的 localStorage 和 seesionStorage 来存储。Cookie的SameSite属性用来限制第三方 Cookie，从而减少安全风险。它可以设置三个值：Strict、Lax、None。基于上述原因，主要有两个解决方案，两个方案的本质其实都是将cookie的SameSite属性设置成None；
Electron+Vue3+TS+sqlite3项目搭建加入sqlite3后无法运行问题
DN金猿的博客
10-30 530
参考链接：【Electron + Vue3 + TS + sqlite3项目搭建 - 杜柯枫 - 博客园】https://www.cnblogs.com/dkf717/p/17226481.html?加入sqlite3测试代码后页面出现数不清的报错，这是因为vue配置中没有添加node支持。找到文件vue.config.js:4:1。// exports对象中加入配置。
区分 electron 全屏和最大化
weixin_64684095的博客
11-01 361
在 Electron 中，当窗口处于全屏状态时，通常不能直接使用 JavaScript 来改变窗口大小。这是出于安全和用户体验的考虑，以防止意外的窗口大小变化影响全屏体验。
【electron+vue3】使用JustAuth实现第三方登录（前后端完整版）
占星安啦的博客
10-29 846
1. 去第三方平台拿到client-id和client-secret，并配置一个能够外网访问回调地址redirect-uri供第三方服务回调 2. 搭建后端服务，引入justauth-spring-boot-starter直接在配置文件中定义好第一步的三个参数，并提供获取登录页面的接口和回调接口 3. 前端项目中新建一个登录窗口和一个登录中转页面，登录窗口的url从第二步第一个接口获取，中转页面从第二步的第二个接口返回 4. 中转页面从url中读取登录成功的用户信息并存放到pinia中,关闭登录窗口
electron知识整理和问题汇总
weixin_44797199的博客
10-29 1147
1.下载 与当前elecron本版一致的 electron-v13.2.3-win32-x64 然后放到 参考路径 ： C:\Users\Admin/AppData\Local\electron\Cache。目前对我来说，写完代码，去打包，基本上都是成功的，失败了关闭vscode再build也会成功，但是连续打包，就必然失败，反正一脸懵逼。这个地址，手动访问下载后放到C:\Users\用户名\AppData\Local\electron\Cache\下面；2.关闭软件，重新进入，再尝试。
Electron框架助力BS系统无需代码快速转桌面应用
资源摘要信息:"基于Electron框架，零代码实现BS系统转为桌面应用系统的解决方案" 1. Electron框架简介 Electron是一个使用JavaScript、HTML和CSS等Web技术来构建跨平台的桌面应用程序的框架。它可以创建一个本地...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值