ВВЕДЕНИЕ
«В быстро развивающейся сфере разработки настольных приложений Microsoft Teams недавно внесла значительный сдвиг в свою базовую технологию. Оба приложения, изначально созданные на платформе Electron, перешли на использование элемента управления Microsoft WebView2. Этот шаг знаменует собой кардинальное изменение, предлагающее заметные улучшения в производительности, интеграции и пользовательском опыте. В этом блоге мы рассмотрим, почему эта миграция важна и что она означает как для разработчиков, так и для пользователей.

Прямая информация от Риша Тандона

В своем твите Риш Тандон, генеральный директор Microsoft Teams, подчеркнул важность этого перехода:
«Благодаря этому изменению мы делаем важный шаг в архитектуре #MicrosoftTeams. Мы уходим от Electron к Edge WebView2. Teams по-прежнему останется гибридным приложением, но теперь оно будет работать на #MicrosoftEdge. Кроме того, Angular исчез. Теперь мы на 100% используем WebView2."

Обзор архитектуры

Модель процесса ElectronicJS:

Electron — это фреймворк, который позволяет создавать кроссплатформенные настольные приложения путем оболочки веб-приложения. Он служит мостом между веб-приложением и средой рабочего стола, обрабатывая такие взаимодействия, как показ всплывающих окон или реагирование на подключения устройств. Хотя Electron управляет интерфейсом рабочего стола, основные функции приложения реализованы на JavaScript.

Модель процесса приложения на основе WebView2:

WebView2 — это универсальный элемент управления, похожий на текстовое поле или кнопку, но предназначенный для рендеринга веб-страниц с помощью механизма Chromium, интегрированного в Edge. Он заменяет старый элемент управления WebView, который заменил элемент управления «Веб-браузер» эпохи Win32. В то время как 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 предполагает переработку архитектуры приложения. Разработчикам необходимо заменить специфичные для Electron функции эквивалентами WebView2, что часто требует значительных изменений в том, как обрабатывается веб-контент и как управляется связь между собственным кодом и веб-контентом.
Новые возможности: WebView2 открывает новые возможности для интеграции с собственными функциями Windows и использования новейших веб-стандартов. Разработчики могут изучить эти возможности для дальнейшего улучшения своих приложений и предоставления более мощных функций.

Для пользователей:
Улучшенная производительность: Пользователи будут работать с более быстрыми и отзывчивыми приложениями. Это особенно полезно для приложений с высоким спросом, таких как Microsoft Teams, которые полагаются на связь в реальном времени и решают сложные задачи проектирования.
Бесшовный опыт: Благодаря лучшей интеграции со средой Windows пользователи могут рассчитывать на более целостный и гибкий интерфейс. Это включает в себя более плавное взаимодействие с операционной системой и расширенную поддержку функций, специфичных для Windows.

Заключение

Миграция Microsoft Teams с Electron JS на WebView2 знаменует собой ключевой сдвиг в сторону повышения производительности, интеграции и соответствия современным веб-стандартам. Это изменение подчеркивает тенденцию оптимизации настольных приложений для улучшения пользовательского опыта и безопасности. По мере развития технологий мы можем ожидать, что все больше приложений будут использовать аналогичные достижения, демонстрируя, как стратегические обновления могут стимулировать инновации и улучшать повседневные инструменты.