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

Dev、Oops 和 WEBAPP 故事

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

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]删除
最新教程 更多>
  • Hexabot 设置和可视化编辑器教程:构建您的第一个 AI 聊天机器人
    Hexabot 设置和可视化编辑器教程:构建您的第一个 AI 聊天机器人
    聊天机器人爱好者大家好!在本教程中,我们将指导您完成设置和使用开源 AI 聊天机器人构建器 Hexabot 的过程。我们将首先克隆 GitHub 存储库、安装依赖项并为 Hexabot 配置环境变量。您还将学习如何使用 Docker 启动项目、访问管理面板以及使用可视化编辑器创建聊天机器人流程。 在...
    编程 发布于2024-11-02
  • mysql_fetch_row()、mysql_fetch_assoc() 和 mysql_fetch_array():您应该选择哪一个?
    mysql_fetch_row()、mysql_fetch_assoc() 和 mysql_fetch_array():您应该选择哪一个?
    mysql_fetch_row()、mysql_fetch_assoc() 和 mysql_fetch_array() 解释背景:如果您正在使用已弃用的MySQL 扩展中,在从结果集中检索数据的 mysql_fetch_row()、mysql_fetch_assoc() 和 mysql_fetch_...
    编程 发布于2024-11-02
  • Next.js - 概述
    Next.js - 概述
    本文作为初学者友好的指南和使用 Next.js 的步骤。 Next.js 是一个用于构建 Web 应用程序的灵活框架。相反,它是一个构建在 Node.js 之上的 React 框架。 设置您的 Next.js 项目 要启动新的 Next.js 项目,您需要在计算机上安装 Node.js。 安装 安装...
    编程 发布于2024-11-02
  • 如何在代码中使用 Unsplash 图片
    如何在代码中使用 Unsplash 图片
    作为一名从事新 SaaS 项目的开发人员,我需要直接通过 URL 链接一些 Unsplash 图像。 最初,我看到一篇推荐使用 https://source.unsplash.com/ API 的文章(链接)。但是,此方法不再有效,并且仅从 URL 字段复制链接并不能提供嵌入所需的直接图像 URL...
    编程 发布于2024-11-02
  • 如何合并关联数组、处理缺失键以及填充默认值?
    如何合并关联数组、处理缺失键以及填充默认值?
    合并多个关联数组并添加具有默认值的缺失列将关联数组与不同的键集组合起来创建统一的数组可能具有挑战性。这个问题探索了一种实现此目的的方法,所需的输出是一个数组,其中键被合并,缺失的列用默认值填充。为了实现这一点,建议结合使用 array_merge 函数精心设计的键数组:$keys = array()...
    编程 发布于2024-11-02
  • 通过 testcontainers-go 和 docker-compose 来利用您的测试套件
    通过 testcontainers-go 和 docker-compose 来利用您的测试套件
    Welcome back, folks! Today, we will cover the end-to-end tests in an intriguing blog post. If you've never written these kinds of tests or if you stri...
    编程 发布于2024-11-02
  • 以下是一些适合您文章的基于问题的标题:

**直接简洁:**

* **如何在Windows控制台中正确显示UTF-8字符?**
* **为什么传统方法无法显示
    以下是一些适合您文章的基于问题的标题: **直接简洁:** * **如何在Windows控制台中正确显示UTF-8字符?** * **为什么传统方法无法显示
    在 Windows 控制台中正确显示 UTF-8 字符使用传统方法在 Windows 控制台中显示 UTF-8 字符的许多尝试均失败正确渲染扩展字符。失败的尝试:使用 MultiByteToWideChar() 和 wprintf() 的一种常见方法被证明是无效的,只留下 ASCII 字符可见。此外...
    编程 发布于2024-11-02
  • ReactJS 的模拟介绍
    ReactJS 的模拟介绍
    ReactJS 19:重要部分 并发模式增强: ReactJS 19 中最大的改进是并发模式,它不仅在应用程序自身更新时保持 UI 平滑和响应灵敏,而且还确保了无缝界面,尤其是在复杂的过渡(例如动画)时。 改进的服务器组件: 在 Python 的引领下,ReactJ...
    编程 发布于2024-11-02
  • 首届DEV网页游戏挑战赛评委
    首届DEV网页游戏挑战赛评委
    我被要求对DEV团队9月份组织的第一届网页游戏挑战赛提交的参赛作品进行评判,结果在10月初发布。 我们几个月来一直在 DEV 上组织挑战(迷你黑客马拉松),并计划宣布我们的第一个网页游戏挑战。鉴于您在游戏社区 和 dev.to 的专业知识和参与度,我们想知道您是否有兴趣成为客座评委。 谁能对此说“不...
    编程 发布于2024-11-02
  • 购买经过验证的现金应用程序帐户:安全可靠的交易
    购买经过验证的现金应用程序帐户:安全可靠的交易
    Buying verified Cash App accounts is not recommended. It can lead to security risks and potential account bans. If you want to more information just k...
    编程 发布于2024-11-02
  • 为什么 `std::function` 缺乏相等比较?
    为什么 `std::function` 缺乏相等比较?
    揭开 std::function 的等式可比性之谜难题:为什么是 std::function,现代 C 代码库的一个组成部分,不具备相等比较功能?这个问题从一开始就困扰着程序员,导致管理可调用对象集合的混乱和困难。早期的歧义:在 C 语言的早期草案中11 标准中,operator== 和operat...
    编程 发布于2024-11-02
  • JavaScript 类型检查 |编程教程
    JavaScript 类型检查 |编程教程
    介绍 本文涵盖以下技术技能: 在本实验中,我们将探索一个 JavaScript 函数,该函数检查提供的值是否属于指定类型。我们将使用 is() 函数,它利用构造函数属性和 Array.prototype.includes() 方法来确定值是否属于指定类型。本实验将帮助您更好地了解 ...
    编程 发布于2024-11-02
  • 使用 Streamlit 将机器学习模型部署为 Web 应用程序
    使用 Streamlit 将机器学习模型部署为 Web 应用程序
    介绍 机器学习模型本质上是一组用于进行预测或查找数据模式的规则或机制。简单地说(不用担心过于简单化),在 Excel 中使用最小二乘法计算的趋势线也是一个模型。然而,实际应用中使用的模型并不那么简单——它们通常涉及更复杂的方程和算法,而不仅仅是简单的方程。 在这篇文章中,我将首先构...
    编程 发布于2024-11-02
  • ## utf8_unicode_ci 与 utf8_bin:哪种 MySQL 排序规则最适合德国网站?
    ## utf8_unicode_ci 与 utf8_bin:哪种 MySQL 排序规则最适合德国网站?
    为德语选择最佳 MySQL 排序规则在设计为德语受众量身定制的网站时,支持像 ä、 ü 和 ß。当涉及特定于语言的要求时,排序规则的选择起着重要作用。字符集和排序规则对于字符处理,UTF-8 仍然是首选选项,提供广泛的字符支持。至于排序规则,需要考虑德语特定字符。排序规则类型MySQL 提供各种排序...
    编程 发布于2024-11-02
  • 异常处理基础知识
    异常处理基础知识
    Java中的异常处理由五个关键字管理:try、catch、 throw、throws和finally。 这些关键字构成了一个相互关联的子系统。 要监视的指令位于 try 块内。 如果try块中发生异常,则会抛出异常。 代码可以使用catch捕获并处理异常。 系统异常由Java运行时自动抛出。 要手...
    编程 发布于2024-11-02

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

Copyright© 2022 湘ICP备2022001581号-3