提升 Microsoft 团队：从 Electron 迁移到 WebView2 的影响

简介
“在快速发展的桌面应用程序开发领域，Microsoft Teams 最近对其底层技术做出了重大转变。这两个应用程序最初都是基于 Electron 框架构建的，现在已经过渡到使用 Microsoft 的 WebView2 控件。这一举措标志着一个关键的变化，在性能、集成和用户体验方面提供了显着的改进。在这篇博客中，我们将探讨为什么这种迁移很重要，以及它对开发人员和用户意味着什么。

Rish Tandon 的直接见解

在一条推文中，Microsoft Teams 首席执行官 Rish Tandon 强调了这一转变的重要性：
“通过这一变化，我们在 #MicrosoftTeams 架构方面迈出了重要一步。我们正在从 Electron 转向 Edge WebView2。Teams 将继续保持混合应用程序的状态，但现在它将由 #MicrosoftEdge 提供支持。此外，Angular 已经消失。我们现在 100% 使用 WebView2。”

架构概述

ElectronJS 流程模型：

Electron 是一个框架，允许您通过包装 Web 应用程序来创建跨平台桌面应用程序。它充当 Web 应用程序和桌面环境之间的桥梁，处理显示弹出窗口或响应设备连接等交互。虽然 Electron 管理与桌面的界面，但应用程序的核心功能是用 JavaScript 实现的。

基于WebView2的应用程序流程模型：

WebView2 是一种类似于文本框或按钮的多功能控件，但设计用于使用集成到 Edge 中的 Chromium 引擎呈现网页体验。它取代了旧的 WebView 控件，而旧的 WebView 控件本身又取代了 Win32 时代的 Web 浏览器控件。 WebView 使用原始 Edge (Trident) 渲染引擎并仅限于 Windows 10，而 WebView2 使用更新的 Edge 引擎并兼容更广泛的 Windows 平台。

快速摘要：

为什么从 Electron JS 转向 WebView2？

过渡原因

性能改进：WebView2 比 Electron 更轻量、更快，从而减少内存使用并加快加载时间。
与 Windows 更好的集成： WebView2 与 Windows 无缝集成，增强性能和用户体验。
减少开销：WebView2 资源密集程度较低，无需捆绑完整的 Chromium 浏览器实例，从而降低了应用程序的占用空间。
增强的安全性： WebView2 受益于 Microsoft Edge 的持续安全更新，提供比 Electron 更安全的环境。

转换结果

表现：
内存使用情况：WebView2 显着降低了内存消耗，从而带来更流畅的性能。
加载时间：由于优化的渲染和减少的开销，加载时间更快，响应速度更快。

用户体验：
稳定性： 提高稳定性，减少崩溃和错误。
用户界面：更灵敏的界面和更流畅的交互。

集成与兼容性：
Windows 功能： 增强了与通知和文件处理等 Windows 功能的集成。
应用程序更新：通过 Edge 的更新机制简化更新。

开发者影响：
开发效率：简化的框架和更好的调试工具。
代码维护：通过标准化的网页内容处理更轻松地维护。

安全：
增强的安全性：利用 Edge 的安全功能改进了对漏洞的保护。

这对开发者和用户意味着什么

对于开发者：
转换复杂性：从 Electron 迁移到 WebView2 涉及重新设计应用程序的架构。开发人员需要用 WebView2 等效项替换 Electron 特定的功能，通常需要对 Web 内容的处理方式以及本机代码和 Web 内容之间的通信管理方式进行重大更改。
新机遇：WebView2 为与本机 Windows 功能集成和利用最新 Web 标准开辟了新的可能性。开发人员可以探索这些机会来进一步增强他们的应用程序并提供更强大的功能。

对于用户：
改进的性能：用户将体验到更快、响应更灵敏的应用程序。这对于像 Microsoft Teams 这样依赖实时通信来处理复杂设计任务的高要求应用程序特别有利。
无缝体验：通过更好地集成到 Windows 环境中，用户可以获得更具凝聚力和流畅的体验。这包括与操作系统更顺畅的交互以及对 Windows 特定功能的增强支持。

结论

Microsoft Teams 从 Electron JS 迁移到 WebView2 标志着向更好的性能、集成和遵守现代 Web 标准的关键转变。这一变化凸显了优化桌面应用程序以增强用户体验和安全性的趋势。随着技术的发展，我们可以期待更多的应用程序采用类似的进步，展示战略更新如何推动创新和改进日常工具。

以上是提升 Microsoft 团队：从 Electron 迁移到 WebView2 的影响的详细内容。更多信息请关注PHP中文网其他相关文章！