Express.js став незамінним інструментом у світі веб-розробки, пропонуючи мінімалістичний і гнучкий фреймворк для веб-додатків Node.js. Оскільки розробники шукають надійні та ефективні рішення для створення веб-додатків і API, Express.js вирізняється своєю простотою та потужними можливостями. У цьому посібнику ви дізнаєтеся, як встановити Express.js на Ubuntu 24.04 LTS, останній випуск довгострокової підтримки одного з найпопулярніших дистрибутивів Linux.
Ubuntu 24.04 LTS забезпечує стабільну і безпечну основу для вашого середовища розробки. Поєднуючи надійність Ubuntu з універсальністю Express.js, ви створите потужну платформу для своїх проектів веб-розробки. Незалежно від того, чи є ви досвідченим розробником, чи тільки починаєте свій шлях у веб-розробці, цей посібник озброїть вас знаннями з налаштування Express.js у системі Ubuntu.
У наступних розділах ми розглянемо все, починаючи з підготовки системи і закінчуючи створенням вашого першого додатка Express.js. Ми розглянемо кілька методів встановлення, усунемо типові неполадки і розповімо про найкращі практики, які забезпечать безпроблемне налаштування. Давайте зануримося в роботу і розкриємо потенціал Express.js на вашій системі Ubuntu 24.04 LTS.
Попередні умови
Перш ніж почати процес встановлення, необхідно переконатися, що ваша система відповідає всім необхідним вимогам. Ось що вам знадобиться:
- Система під керуванням Ubuntu 24.04 LTS (Lunar Lobster).
- Доступ до облікового запису користувача, який не є користувачем root, з привілеями sudo
- Стабільне інтернет-з’єднання для завантаження пакетів
- Базове знайомство з інтерфейсом командного рядка
Щоб підготувати систему, відкрийте термінал і оновіть індекс пакетів:
sudo apt updateПотім оновіть наявні пакети до останніх версій:
sudo apt upgrade -yЦі кроки гарантують, що ваша система перебуває в актуальному стані та готова до процесу встановлення Express.js.
Крок 1: Встановіть Node.js і NPM
Express.js – це фреймворк, побудований на Node.js, тому наше перше завдання – встановити Node.js і його менеджер пакетів NPM (Node Package Manager). Ubuntu 24.04 LTS пропонує кілька способів установлення Node.js, кожен з яких має свої переваги. Ми розглянемо три популярні варіанти: використання APT, NodeSource PPA і NVM (Node Version Manager).
Варіант 1: Використання APT
Найпростіший метод встановлення Node.js і NPM – через стандартний менеджер пакетів Ubuntu, APT. Цей метод простий, але не завжди може забезпечити останню версію Node.js.
Спочатку оновіть індекс пакетів:
sudo apt updateПотім встановіть Node.js і NPM:
sudo apt install nodejs npm -yПісля завершення встановлення перевірте встановлені версії:
node -v
npm -vЦі команди відобразять номери версій Node.js і NPM відповідно.
Варіант 2: Використання NodeSource PPA
Для тих, хто вважає за краще працювати з останньою стабільною версією Node.js, чудовим варіантом буде використання NodeSource PPA (Personal Package Archive). Цей метод дає змогу встановити свіжішу версію Node.js, ніж та, що доступна в стандартних репозиторіях Ubuntu.
Спочатку додайте репозиторій NodeSource у свою систему:
curl -fsSL https://deb.nodesource.com/setup_22.x | sudo -E bash -Ця команда завантажує і виконує скрипт, який додає сховище NodeSource у вашу систему. Після завершення роботи скрипта встановіть Node.js і NPM:
sudo apt-get install -y nodejs npmПеревірте встановлення, перевіривши версії:
node -v
npm -vВаріант 3: Використання NVM (Node Version Manager)
NVM пропонує найбільшу гнучкість в управлінні версіями Node.js. Він дає змогу встановлювати та перемикатися між кількома версіями Node.js на одній системі, що особливо корисно для розробників, які працюють над проектами з різними вимогами до версій.
Щоб встановити NVM, виконайте таку команду:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bashПісля завершення сценарію інсталяції закрийте і знову відкрийте термінал або виконайте наступну команду для завантаження NVM:
source ~/.bashrcТепер ви можете встановити останню версію Node.js:
nvm install nodeВстановіть версію Node.js за замовчуванням:
nvm alias default $(nvm current)Перевірте встановлення:
node -v
npm -vПісля успішного встановлення Node.js і NPM ви готові перейти до встановлення Express.js.
Крок 2: Встановлення Express.js
Тепер, коли Node.js і NPM встановлені на нашій системі Ubuntu 24.04 LTS, ми можемо розпочати встановлення Express.js. Express.js зазвичай встановлюється як залежність для окремих проектів, а не глобально на вашу систему. Такий підхід дає змогу керувати різними версіями Express.js для різних проєктів.
Давайте створимо новий каталог проекту і встановимо Express.js:
Створіть новий каталог проєкту та перейдіть до нього:
mkdir myexpressapp && cd myexpressappІніціалізуйте новий проєкт Node.js:
npm init -yЦя команда створює файл package.json зі значеннями за замовчуванням.
Встановіть Express.js у каталог проекту:
npm install expressПісля завершення інсталяції ви можете переконатися, що Express.js додано до вашого проєкту, перевіривши файл package.json:
cat package.jsonВи повинні побачити Express у розділі «Залежності» файлу.
Крок 3: Створення простого додатка Express
Встановивши Express.js, давайте створимо базовий додаток, щоб переконатися, що все працює правильно. Ми створимо простий сервер, який при зверненні до нього відповідатиме «Hello World!».
Створіть новий файл з іменем app.js у каталозі проекту:
touch app.jsВідкрийте файл app.js у зручному для вас текстовому редакторі. Наприклад, за допомогою nano:
nano app.jsДодайте наступний код у файл app.js:
const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
res.send('Hello World!');
});
app.listen(port, () => {
console.log(`Example app listening at http://localhost:${port}`);
});
Збережіть файл і вийдіть із текстового редактора. У nano це можна зробити, натиснувши Ctrl+X, потім Y, потім Enter.
Запустіть додаток:
node app.jsЯкщо все налаштовано правильно, у терміналі має з’явитися повідомлення «Example app listening at http://localhost:3000».
Щоб перевірити роботу сервера, відкрийте веб-браузер і перейдіть за адресою http://localhost:3000. Ви маєте побачити повідомлення «Hello World!».
Крок 4: Налаштування брандмауера
Ubuntu 24.04 LTS постачається із вбудованим брандмауером під назвою UFW (Uncomplicated Firewall). Якщо ви плануєте отримувати доступ до вашого застосунку Express.js з інших пристроїв у вашій мережі або з інтернету, вам потрібно налаштувати UFW так, щоб дозволити трафік на порту, який використовує ваш застосунок.
За замовчуванням наш додаток Express.js працює на порту 3000. Давайте налаштуємо UFW на дозвіл трафіку на цьому порту:
Дозволити трафік на порту 3000:
sudo ufw allow 3000Увімкніть UFW, якщо він ще не активний:
sudo ufw enableПеревірте стан UFW і переконайтеся, що нове правило активне:
sudo ufw statusНа виході ви повинні побачити правило, що дозволяє трафік на порту 3000.
Пам’ятайте, що відкриття портів може потенційно піддати вашу систему ризикам безпеки. Завжди будьте обережні з відкриттям портів і використовуйте зворотний проксі-сервер, наприклад Nginx, у виробничих середовищах.
Крок 5: Усунення загальних проблем
Навіть за ретельного встановлення ви можете зіткнутися з деякими проблемами під час налаштування Express.js на Ubuntu 24.04 LTS. Ось деякі поширені проблеми та їх вирішення:
Node.js або NPM не знайдено
Якщо під час спроби запустити node або npm ви отримуєте помилку «команду не знайдено», найімовірніше, Node.js встановлено неправильно або системний PATH не оновлено. Спробуйте виконати такі дії:
Перевірте встановлення:
which node
which npmЯкщо ці команди не повернуть шлях, перевстановіть Node.js одним із способів, описаних раніше.
Якщо ви використовували NVM, переконайтеся, що він правильно завантажений:
source ~/.bashrcПомилки прав доступу
Якщо під час глобального встановлення пакетів за допомогою NPM ви зіткнулися з помилками прав, не використовуйте sudo з npm. Замість цього налаштуйте NPM на встановлення глобальних пакетів у ваш домашній каталог:
mkdir ~/.npm-global
npm config set prefix '~/.npm-global'
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.profile
source ~/.profileМодуль Express.js не знайдено
Якщо Node.js не може знайти модуль Express під час запуску програми, переконайтеся, що ви встановили Express.js у каталог проекту:
npm install expressТакож перевірте, що оператор require у вашому файлі app.js точно відповідає імені встановленого модуля.
Порт уже використовується
Якщо під час запуску додатка Express.js ви бачите повідомлення про помилку, в якому йдеться про те, що порт уже використовується, можливо, цей порт використовується іншим процесом. Ви можете або:
Вибрати інший порт у файлі app.js, або
Знайти і зупинити процес, який використовує поточний порт:
sudo lsof -i :3000
sudo kill -9 PIDЗамініть PID на ідентифікатор процесу з висновку команди lsof.
Продовжуйте експериментувати, вчитися і створювати з Express.js, і незабаром ви зрозумієте, чому він став таким популярним вибором серед розробників по всьому світу. Щасливого кодингу!
Вітаємо! Ви успішно встановили ExpressJS. Для отримання додаткової допомоги або корисної інформації ми рекомендуємо вам відвідати офіційний сайт ExpressJS.
