Вы наверняка наткнулись на эту статью в поисках ответа на вопрос, что такое Electron JS. Если да, то у меня для вас хорошие новости — этот пост вас не разочарует! Короче говоря, Electron — это фреймворк, который позволяет пользователю создавать настольные приложения с использованием HTML5, CSS и JavaScript. Технология представляет собой комбинацию двух чрезвычайно популярных библиотек: Node.js и Chromium. Благодаря своей структуре он позволяет адаптировать любое веб-приложение к среде рабочего стола, особенно написанное на Node.js.
Когда и как был создан Электрон?
История Electron началась в январе 2013 года. Все началось с поиска инструмента для создания кроссплатформенного текстового редактора, в котором пользователь может работать с такими технологиями, как JavaScript, HTML и CSS. Главным создателем и реализатором был инженер GitHub Ченг Чжао.
Технология была выпущена 5 июля 2013 г. под названием «Atom» или, как вариант, «Atom Shell». Через несколько месяцев он стал доступен как проект с открытым исходным кодом. Менее чем через год название проекта было изменено на Electron.
Наиболее важные свойства электрона
Я предполагаю, что более ранние подзаголовки не полностью удовлетворили ваше любопытство о том, что такое фреймворк Electron JS. Не волнуйтесь, мы более подробно рассмотрим эту технологию в следующих абзацах.
Electron использует такие технологии, как HTML, CSS и JavaScript, используя известные модули npm. Его системные файлы основаны на API Node.js. Технология не требует от программиста знания каких-либо собственных инструментов, если только вы не хотите создать что-то более продвинутое.
Приложения, созданные с помощью Electron, используют собственные меню для диалогов и уведомлений и не требуют дополнительной настройки. Приложения работают на Linux, MacOS и Windows и могут быть привязаны к определенной версии браузера Chrome.
В Windows и Mac OS (с использованием Squirrel) Electron JS предлагает автоматические обновления и сообщения об ошибках. Ошибки направляются на удаленный сервер для дальнейшего анализа. Отладку и профилирование берет на себя Chromium.
Почему вас должен заинтересовать Электрон
Если вы уже разрабатываете настольные приложения, вы, вероятно, согласитесь, что некоторые из самых утомительных задач при разработке настольных приложений включают: упрощение упаковки, установки, обновления, обработки собственных меню, уведомлений, диалоговых окон и оптимизации отчетов о сбоях приложений.
Почему я пишу об этом? Что ж, наш сегодняшний герой сам позаботится обо всех этих шагах, благодаря чему разработчик может сосредоточиться на ядре своего приложения. При создании веб-приложения мы пишем код, который по сути будет выполняться на чужом компьютере. Мы не знаем, какие браузеры используют наши пользователи — это может быть последний Chrome или устаревшая версия Internet Explorer.
Во избежание возможных проблем нам ничего не остается, как быть придирчивыми в выборе технологий и инструментов, которые мы будем внедрять. Фреймворк Electron JS преодолевает это, оборачивая определенную версию Chromium и Node.js, поэтому вы всегда можете положиться на все функции, доступные в этих версиях.
Беглый взгляд на архитектуру
Давайте теперь сосредоточимся на самой архитектуре Electron. Начнем с основ. Если бы мы предположили, что Electron — это пицца, то Node.js был бы пирогом, Chrome — сыром, а JavaScript-движок V8 — остальными дополнениями . Что еще мы можем найти в Электроне?
libchromiumcontent
Chrome — это браузер с открытым исходным кодом, созданный Google, чей оконный менеджер основан на концепции вкладок, составляющих оболочку для веб-страниц. Chrome имеет минималистичный пользовательский интерфейс и использует движок V8 и Blink.
Node.js
Node.js — это среда JavaScript с открытым исходным кодом, использующая движок V8, позволяющая запускать JavaScript вне браузера и представляющая собой интерактивную оболочку, в которой вы можете выполнять код JavaScript.
Node.js был запущен в 2009 году как кроссплатформенный инструмент с открытым исходным кодом и среда для серверных приложений, использующих JavaScript. Node по умолчанию подключается к диспетчеру пакетов под названием npm, который является крупнейшим хранилищем библиотек с открытым исходным кодом.
JavaScript-движок V8
JavaScript V8 — это движок с открытым исходным кодом, созданный Google, написанный на C++ и JavaScript.
Как выглядит процесс создания приложения в Electron
Вы уже немного узнали о том, что такое Electron JS и как выглядит его архитектура. Теперь давайте на мгновение сосредоточимся на понимании самого процесса. Приложения Electron имеют два основных типа процессов — основной процесс и процесс рендеринга. Хотя оба используют архитектуру Chromium, каждый из них имеет свою роль и выполняется в своем собственном потоке.
Начальная загрузка приложения выполняется основным процессом. Он отвечает за такие действия, как: запуск, закрытие, подготовка к закрытию и другие легкие задачи, такие как переход и выход из фоновой активности. С другой стороны, процесс рендеринга, отвечающий за отображение пользовательского интерфейса приложения, выполняется основным процессом.
Наше ИТ кадровое агентство предлагает вам найти разработчиков менее чем за 2 недели. Свяжитесь с нами сегодня, чтобы узнать больше о том, как мы можем помочь масштабировать ваш следующий проект до новых высот. Мы гарантируем поиск самого сильного, а не самого дорого кандидата. За 10 лет в подборе it специалистов, мы закрыли 5500+ вакансий и собрали 25+ команд с нуля. Убедитесь сами и ознакомьтесь с отзывами клиентов о нашем рекрутинговом агентстве! Нужно больше референсов? Напишите нам в телеграмм.