Electron і Nativefier для створення власного веб-додатка з Ubuntu

У сьогоднішній статті ми збираємось поглянути на Електрон. Використання цього фреймворк для побудови додатків разом із інструментом, який називається Nativefier, він стає універсальним рішенням, за допомогою якого пакет веб-додатків для робочого столу.

У цьому ж блозі ми вже говорили про деякі випадки WebApp. У них ми знаємо такі програми, як Веб-каталог. Це великий каталог, в якому ми знайдемо велику кількість програм, створених за допомогою Electron. Ще декілька прикладів того, що ми можемо створити за допомогою цього програмного забезпечення, можуть бути такі програми, як Wmail, Skype, Simplenote, GitKraken або Visual Studio Code.

На деяких сайтах кажуть, що сьогодні нам більше не потрібні власні програми для Linux. Як всім відомо, Інтернет є багатоплатформою, і саме тому програми загалом роками поступово переходять до Інтернету.

Як кажуть у своїх сайтЯкщо користувач може створити веб-сайт, настільний додаток можна легко створити. Електрон - це фреймворк для створення власних додатків з веб-технологіями, такими як JavaScript, HTML та CSS.

Завдяки цьому використовувати веб-додаток нам знадобиться лише веб-браузер. Сьогодні всі браузери підтримують такі функції, як зберігання даних на диску або сповіщення. Це найбільш типові, які потрібно буде використовувати будь-якому веб-додатку.

Електрон нам дозволить інкапсулювати веб-додатки для власного споживання простим способом. Перевіривши його та переконавшись, що він працює правильно, мушу визнати, що, не будучи зрозумілим щодо його справжньої корисності, принаймні це було досить цікаво. Його реальна ефективність не вражає, якщо порівнювати її зі споживанням ресурсів, яке 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 дозволить нам застосовувати різні варіанти до програм, які ми хочемо упакувати. Ви можете перевірити документацію на її сторінці GitHub. Ці параметри варіюються від можливості налаштування назви програми, додавання піктограми та закінчення, зокрема, зміною розмірів вікна за замовчуванням. Слід також зазначити, що ми будемо дозволити вбудовувати код JavaScript або CSS на веб-додатку. Відкриті для нас можливості множаться.

На завершення ми можемо лише запитати себе, чи є такі типи програм більш комфортними, чи генерують достатньо високу економію ресурсів на наших пристроях. Оскільки ми можемо зробити практично те саме, додавши пряме посилання на наш робочий стіл як за допомогою Chrome, так і Chromium. Це на смак кожного.