Electron и Nativefier для создания собственного веб-приложения из Ubuntu

В сегодняшней статье мы рассмотрим Electron. Использование этого фреймворк для создания приложений вместе с инструментом под названием Nativefier он становится универсальным решением, с помощью которого пакет веб-приложений для рабочего стола.

В этом же блоге мы уже рассказывали о некоторых случаях WebApp. В них нам известны такие приложения, как Интернет-каталог. Это обширный каталог, в котором мы найдем большое количество приложений, созданных с помощью Electron. Еще несколько примеров того, что мы можем создать с помощью этого программного обеспечения, - это такие приложения, как Wmail, Skype, Simplenote, GitKraken или Visual Studio Code.

На некоторых сайтах говорят, что в настоящее время нам больше не нужны нативные приложения для Linux. Как всем известно, Интернет является мультиплатформенным, и именно поэтому приложения в целом постепенно переходят в Интернет в течение многих лет.

Как говорится в своих веб-страницаЕсли пользователь может создать веб-сайт, можно легко создать настольное приложение. Электрон - это фреймворк для создания собственных приложений с использованием веб-технологий, таких как JavaScript, HTML и CSS.

Благодаря этому, чтобы использовать веб-приложение нам понадобится только веб-браузер. Сегодня все браузеры поддерживают такие функции, как хранение данных на диске или уведомления. Это наиболее типичные варианты, которые необходимо использовать любому веб-приложению.

Электрон позволит нам инкапсулировать веб-приложения для собственного потребления простым способом. После тестирования и проверки того, что он работает правильно, я должен признать, что, не имея четкого представления о его реальной полезности, по крайней мере, это было довольно любопытно. Его реальная эффективность не впечатляет, если мы сравним ее с потреблением ресурсов, которое Chromium будет делать при расширении при открытии того же веб-сайта. Электрон основан на Chromium и в среде выполнения Node.js.

Electron всегда поднимал один и тот же вопрос: зачем мне создавать автономные приложения, если я могу открывать их во вкладках в браузере? Причины могут заключаться в улучшении интеграции с рабочим столом, экономии некоторых ресурсов и отдельном управлении некоторыми сайтами. Здесь каждому предстоит найти свой ответ.

Установите Nativefier для создания Electron WebApp в Ubuntu

Чтобы выполнить эту задачу, первое, что мы сделаем, это установить Node.js и его менеджер пакетов npm. Для этого мы собираемся открыть терминал (Ctrl + Alt + T) и написать в нем что-то вроде следующего.

sudo apt install nodejs npm

На этом этапе мы собираемся установить утилиту, которая будет выполнять преобразование из диспетчера пакетов Node.js. В этом же терминале пишем следующий порядок.

sudo npm install nativefier -g

Теперь мы можем приступить к созданию наших собственных веб-приложений. Нам останется только запустить в терминале (Ctrl + Alt + T) что-то вроде следующего:

nativefier ubunlog.com

Nativefier начнет самостоятельно инкапсулировать указанный веб-сайт. При этом он сохранит свои характеристики и получит значок и имя. Лаунчер нашего приложениявместе с остальными необходимыми файлами мы можем найти в папке с тем же именем, что и Интернет, в каталоге, из которого мы выполнили предыдущее действие.

Следует уточнить, что Nativefier позволит нам применить разные варианты к приложениям, которые мы хотим упаковать. Вы можете проверить документацию на его странице GitHub. Эти параметры варьируются от возможности настройки имени приложения, добавления значка до изменения размеров окна по умолчанию, среди прочего. Также следует отметить, что мы будем разрешить встраивание кода JavaScript или CSS в веб-приложении. Возможности, которые открываются перед нами, умножаются.

В заключение, мы можем только спросить себя, являются ли эти типы приложений более удобными или обеспечивают достаточно высокую экономию ресурсов на наших устройствах. Потому что мы можем сделать практически то же самое, добавив прямую ссылку на наш рабочий стол как с Chrome, так и с Chromium. Это на любой вкус.