”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > Dev、Oops 和 WEBAPP 故事

Dev、Oops 和 WEBAPP 故事

发布于2024-11-02
浏览:145

The Dev , the Oops, and the WEBAPP story

作为 DevOps 专业人员开发桌面 Web 应用程序感觉就像在广阔而复杂的海洋中航行。随着技术融合,Web、桌面和基于云的应用程序之间的界限变得模糊,迫使 DevOps 深入传统上由前端占据的领域
终端开发商。选择正确的框架变得至关重要,但挑战往往在于筛选当今可用的众多选项。例如,Vite、React、Electron、Tauri 和 Auth0 都是流行的选择,但知道如何有效地将它们拼接在一起才是斗争的开始。

框架之争:Vite、React 和 Beyond

Vite 已成为一种现代构建工具,提供快速、精益的开发环境,特别是对于 React 应用程序。它的简单性和速度使其成为理想的选择,但当与 Electron 或 Tauri 等工具一起打包桌面使用的应用程序时,事情开始变得复杂。 Electron 已经存在多年,为 Slack 和 VSCode 等流行应用程序提供支持,但它因其占用大量资源而臭名昭著。另一方面,Tauri 是新来的,通过利用本机系统功能提供更轻的占用空间。虽然很有希望,但 Tauri 的相对新颖性意味着资源、插件和社区支持较少,需要开发人员依赖有限的文档。

平衡 Electron 和 Tauri:性能与稳定性

在 Electron 和 Tauri 之间进行选择时,DevOps 专业人员被迫进行权衡。 Electron 的成熟度提供了对无数插件和集成的访问,使其可以轻松地使用复杂的 Web 技术,但这是以性能为代价的,有时甚至是用户体验的代价。 Tauri 虽然更快、更轻,但在处理大型应用程序时可能会受到限制,从而使学习曲线变得陡峭。 DevOps 团队通常会花费更多的时间来集成工具,而不是专注于他们最擅长的领域——自动化、部署管道和云基础设施。

安全和身份验证:输入 Auth0

向这种组合添加安全性和身份验证是另一个挑战。 Auth0 是一种广泛使用的处理用户身份验证的解决方案,与 React 无缝集成,但需要针对桌面应用程序进行额外设置。无论您使用 Electron 还是 Tauri,确保安全的令牌处理和用户数据管理都需要配置本机 API 甚至自定义脚本。随之而来的是保护桌面应用程序和后端基础设施之间的通信的额外复杂性。

知识差距:信息的海洋

作为一名 DevOps 工程师,困难不仅在于理解这些工具,还在于跟上它们的快速发展步伐。每周似乎都会有新的库、工具或集成有望让生活变得更轻松。问题是,在信息湖中,了解​​哪些资源值得信赖至关重要。在线教程和论坛通常缺乏强大的生产级应用程序所需的深度,导致开发人员在整个过程中不断试错。即使技术很有前景,学习、实验和调试所花费的时间也会压垮那些具有 DevOps 背景的人。

结论:应对复杂性

对于涉足桌面 Web 应用程序开发的 DevOps 专业人士来说,困难是真实存在的。选择 Vite、React、Electron、Tauri 和 Auth0 等框架的正确组合的过程是性能、可扩展性和易用性之间的微妙平衡。在这个庞大的工具生态系统中,关键是优先学习基础知识,牢记可扩展性,并了解适合您的特定用例的工具可能不是最受欢迎的工具。这是一条 DevOps 社区中的许多人刚刚开始攀登的学习曲线,前方的道路充满希望和挑战。

当我们在这个不断发展的空间中航行时,让我们保持联系,分享我们的经验,并共同从这片信息海洋中学习。

DevOps #WebDevelopment #DesktopApps #React #Electron #Tauri #Vite #Auth0 #LinkedIn

版本声明 本文转载于:https://dev.to/target-ops/the-dev-the-oops-and-the-webapp-story-45hg?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • 如何正确使用与PDO参数的查询一样?
    如何正确使用与PDO参数的查询一样?
    在pdo 中使用类似QUERIES在PDO中的Queries时,您可能会遇到类似疑问中描述的问题:此查询也可能不会返回结果,即使$ var1和$ var2包含有效的搜索词。错误在于不正确包含%符号。通过将变量包含在$ params数组中的%符号中,您确保将%字符正确替换到查询中。没有此修改,PDO...
    编程 发布于2025-05-12
  • 如何处理PHP文件系统功能中的UTF-8文件名?
    如何处理PHP文件系统功能中的UTF-8文件名?
    在PHP的Filesystem functions中处理UTF-8 FileNames 在使用PHP的MKDIR函数中含有UTF-8字符的文件很多flusf-8字符时,您可能会在Windows Explorer中遇到comploreer grounder grounder grounder gro...
    编程 发布于2025-05-12
  • 在细胞编辑后,如何维护自定义的JTable细胞渲染?
    在细胞编辑后,如何维护自定义的JTable细胞渲染?
    在JTable中维护jtable单元格渲染后,在JTable中,在JTable中实现自定义单元格渲染和编辑功能可以增强用户体验。但是,至关重要的是要确保即使在编辑操作后也保留所需的格式。在设置用于格式化“价格”列的“价格”列,用户遇到的数字格式丢失的“价格”列的“价格”之后,问题在设置自定义单元格...
    编程 发布于2025-05-12
  • Python高效去除文本中HTML标签方法
    Python高效去除文本中HTML标签方法
    在Python中剥离HTML标签,以获取原始的文本表示Achieving Text-Only Extraction with Python's MLStripperTo streamline the stripping process, the Python standard librar...
    编程 发布于2025-05-12
  • Python环境变量的访问与管理方法
    Python环境变量的访问与管理方法
    Accessing Environment Variables in PythonTo access environment variables in Python, utilize the os.environ object, which represents a mapping of envir...
    编程 发布于2025-05-12
  • 如何使用Depimal.parse()中的指数表示法中的数字?
    如何使用Depimal.parse()中的指数表示法中的数字?
    在尝试使用Decimal.parse(“ 1.2345e-02”中的指数符号表示法表示的字符串时,您可能会遇到错误。这是因为默认解析方法无法识别指数符号。 成功解析这样的字符串,您需要明确指定它代表浮点数。您可以使用numbersTyles.Float样式进行此操作,如下所示:[&& && && ...
    编程 发布于2025-05-12
  • 您如何在Laravel Blade模板中定义变量?
    您如何在Laravel Blade模板中定义变量?
    在Laravel Blade模板中使用Elegance 在blade模板中如何分配变量对于存储以后使用的数据至关重要。在使用“ {{}}”分配变量的同时,它可能并不总是最优雅的解决方案。幸运的是,Blade通过@php Directive提供了更优雅的方法: $ old_section =“...
    编程 发布于2025-05-12
  • 为什么PHP的DateTime :: Modify('+1个月')会产生意外的结果?
    为什么PHP的DateTime :: Modify('+1个月')会产生意外的结果?
    使用php dateTime修改月份:发现预期的行为在使用PHP的DateTime类时,添加或减去几个月可能并不总是会产生预期的结果。正如文档所警告的那样,“当心”这些操作的“不像看起来那样直观。 ; $ date->修改('1个月'); //前进1个月 echo $ date->...
    编程 发布于2025-05-12
  • C++20 Consteval函数中模板参数能否依赖于函数参数?
    C++20 Consteval函数中模板参数能否依赖于函数参数?
    [ consteval函数和模板参数依赖于函数参数在C 17中,模板参数不能依赖一个函数参数,因为编译器仍然需要对非contexexpr futcoriations contim at contexpr function进行评估。 compile time。 C 20引入恒定函数,必须在编译时进行...
    编程 发布于2025-05-12
  • 如何在JavaScript对象中动态设置键?
    如何在JavaScript对象中动态设置键?
    在尝试为JavaScript对象创建动态键时,如何使用此Syntax jsObj['key' i] = 'example' 1;不工作。正确的方法采用方括号: jsobj ['key''i] ='example'1; 在JavaScript中,数组是一...
    编程 发布于2025-05-12
  • 如何在其容器中为DIV创建平滑的左右CSS动画?
    如何在其容器中为DIV创建平滑的左右CSS动画?
    通用CSS动画,用于左右运动 ,我们将探索创建一个通用的CSS动画,以向左和右移动DIV,从而到达其容器的边缘。该动画可以应用于具有绝对定位的任何div,无论其未知长度如何。问题:使用左直接导致瞬时消失 更加流畅的解决方案:混合转换和左 [并实现平稳的,线性的运动,我们介绍了线性的转换。这...
    编程 发布于2025-05-12
  • 如何使用Java.net.urlConnection和Multipart/form-data编码使用其他参数上传文件?
    如何使用Java.net.urlConnection和Multipart/form-data编码使用其他参数上传文件?
    使用http request 上传文件上传到http server,同时也提交其他参数,java.net.net.urlconnection and Multipart/form-data Encoding是普遍的。 Here's a breakdown of the process:Mu...
    编程 发布于2025-05-12
  • 可以在纯CS中将多个粘性元素彼此堆叠在一起吗?
    可以在纯CS中将多个粘性元素彼此堆叠在一起吗?
    [2这里: https://webthemez.com/demo/sticky-multi-header-scroll/index.html </main> <section> { display:grid; grid-template-...
    编程 发布于2025-05-12
  • 为什么Microsoft Visual C ++无法正确实现两台模板的实例?
    为什么Microsoft Visual C ++无法正确实现两台模板的实例?
    The Mystery of "Broken" Two-Phase Template Instantiation in Microsoft Visual C Problem Statement:Users commonly express concerns that Micro...
    编程 发布于2025-05-12
  • 在Java中使用for-to-loop和迭代器进行收集遍历之间是否存在性能差异?
    在Java中使用for-to-loop和迭代器进行收集遍历之间是否存在性能差异?
    For Each Loop vs. Iterator: Efficiency in Collection TraversalIntroductionWhen traversing a collection in Java, the choice arises between using a for-...
    编程 发布于2025-05-12

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3