Як налаштувати веб-додаток Meteor.js за допомогою MongoDB та Apache на Ubuntu 16.04 LTS

Meteor.js — це фреймворк JavaScript з відкритим кодом, написаний з урахуванням Node.js. Він популярний завдяки своєму погляду на створення веб-додатків на чистому JavaScript. Meteor включає в себе підтримку інтерфейсу JavaScript, який працює у веб-браузері, а також серверного JavaScript, який буде працювати на хост-сервері. Він дуже добре інтегрується з інтерфейсними фреймворками JavaScript, такими як React і Angular.js, а також MongoDB, популярною базою даних NoSQL. Ось кілька серйозних причин вибрати Meteor.js:

• Meteor.js — це повноцінний стек. Тож з ним ви отримуєте все, що вам коли-небудь знадобиться: базу даних, передній край, бекенд. Метеор чудово з’єднує все це разом.

• Швидкість. Інтуїтивно зрозуміла система пакетів Meteor надає вам багато інструментів, які можуть знадобитися для вдосконалення вашої програми.

• Він має хорошу підтримку з боку Meteor Developer Group, а також інших розробників, які його використовують. Ви легко зможете з’ясувати будь-які проблеми, які можуть виникнути, і швидко їх вирішити.

У цьому уроці ми досягнемо наступних цілей в Ubuntu 16.04:

• Встановити Node.js, наш час виконання Javascript.

• Встановити Meteor.js.

• Установити MongoDB, вибрану базу даних Meteor.

• Установіть Apache, наш зворотний проксі-сервер на вибір, і налаштуйте наш домен, якщо це можливо.

• Тестуйте наш веб-сайт.

• Налаштуйте наш веб-сайт для виробництва.

Встановлення Node.js

Спочатку вам потрібно встановити Node.js, який є нашим інтерпретатором JavaScript, і ядро ​​Meteor. Це дозволить нам запускати Meteor та інші програми Node.js, які ми можемо мати в майбутньому. У цій ситуації ми встановимо Node.js 8. Щоб розпочати завантаження, просто виконайте наступне у своєму терміналі.

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs

Дочекайтеся завершення завантаження та встановлення.

Встановлення MongoDB

Далі ми встановимо нашу базу даних: MongoDB. MongoDB — це безкоштовна база документів NoSQL з відкритим вихідним кодом, а також база даних Meteor на вибір. Він використовує формат JSON для своїх документів, на відміну від структурованих таблиць у традиційній базі даних SQL.

Імпортуйте відкритий ключ MongoDB, який використовує APT(розширений термінал пакування). Це дозволяє APT перевірити пакет; в даному випадку MongoDB.

sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 0C49F3730359A14518585931BC711F9BA15703C6

Створіть необхідний файл списку для Ubuntu 16.04.

echo "deb [ arch=amd64,arm64 ] http://repo.mongodb.org/apt/ubuntu xenial/mongodb-org/3.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.4.list

Почніть встановлення MongoDB та дочекайтеся завершення встановлення.

sudo apt update && sudo apt install mongodb-org -y

Відкрийте службу systemd для редагування.

sudo nano /etc/systemd/system/mongodb.service

Скопіюйте та вставте наступне, щоб завершити службу systemd.

[Unit]
Description=High-performance, schema-free document-oriented database
After=network.target
[Service]
User=mongodb
ExecStart=/usr/bin/mongod --quiet --config /etc/mongod.conf

[Install]
WantedBy=multi-user.target

Використовуйте " Control-O", щоб зберегти, і " Control-X", щоб вийти.

Запустіть службу MongoDB systemd, ввівши sudo systemctl start mongodbсвій термінал.

Щоб переконатися, що він почався успішно, введіть наступне.

sudo systemctl status mongodb

Ви побачите, що послуга активна.

Встановлення та налаштування Apache2

Далі ми встановимо Apache. Apache — це безкоштовне програмне забезпечення для веб-сервера з відкритим вихідним кодом, яке також функціонує як зворотний проксі, що ми будемо використовувати в цьому підручнику. Щоб прив’язати нашу програму Meteor.js до , потрібен зворотний проксі-сервер port 80. Node.js блокує запуск програм на цьому порту без root-доступу. Apache працює так само rootавтоматично, а також прив’язується до port 80, тому нам не доведеться турбуватися про це, коли прийде час запустити наш веб-сайт.

Встановіть Apache.

sudo apt update && sudo apt install apache2

Щоб дозволити доступ до зовнішніх веб-портів, таких як port 80, нам потрібно налаштувати наш брандмауер для Apache. Ми робимо це через UFW(Нескладний брандмауер).

sudo ufw allow 'Apache Full'

Це дозволить отримати доступ до Apache Fullпрофілю " ". Це дає нам вхідний трафік до port 80, на якому буде працювати наша програма.

Встановлення Meteor.js і створення нашої базової програми

Тепер ми встановимо наш веб-фреймворк: Meteor.js. Для його встановлення ми будемо використовувати простий сценарій bash, наданий командою Meteor.

curl https://install.meteor.com/ | sh

Дочекайтеся завершення встановлення. По суті, скрипт завантажує Meteor з офіційного веб-сайту та встановлює його у всьому світі, тому ми можемо використовувати його з будь-якого місця. Коли це буде завершено, ми можемо створити наш каталог додатків. У Meteor є невеликий зручний інструмент для цього, який називається meteor create. Щоб створити каталог програми, введіть наступне.

meteor create <projectname>

Папка буде створена з вказаною назвою ( <projectname>).

Налаштування нашого зворотного проксі Apache

Тепер, коли у нас налаштовано наш каталог програм, ми можемо приступити до налаштування нашого зворотного проксі-сервера. Apache використовує модуль під назвою mod_proxy, який реалізує проксі для Apache.

sudo apt-get install libapache2-mod-proxy-html libxml2-dev -y

Це встановить модуль і зробить його доступним для використання Apache.

Далі нам потрібно буде ввімкнути всі необхідні модулі для запуску Apache. Ми зробимо це за допомогою a2enmod, інструмента, який включає модулі для Apache. Ці модулі дозволять нам скористатися перевагами зворотного проксі. Просто введіть ці команди у свій термінал.

sudo a2enmod proxy
sudo a2enmod proxy_http
sudo a2enmod proxy_ajp
sudo a2enmod rewrite
sudo a2enmod deflate
sudo a2enmod headers
sudo a2enmod proxy_balancer
sudo a2enmod proxy_connect
sudo a2enmod proxy_html

Після цього нам потрібно буде вимкнути запуск сайту Apache за замовчуванням, щоб ми могли запустити власний. Інакше програма Apache за замовчуванням замінить нашу. Щоб вимкнути сайт за замовчуванням, просто виконайте наступне.

sudo a2dissite 000-default

Тепер ми створимо наш файл віртуального хоста. Для цього просто відкрийте текстовий редактор.

sudo nano /etc/apache2/sites-available/<projectname>

Скопіюйте та вставте наступне.

<VirtualHost *:80>
  ErrorLog ${APACHE_LOG_DIR}/error.log
  CustomLog ${APACHE_LOG_DIR}/access.log combined
  ProxyPreserveHost On
  # Servers to proxy the connection, or
  # List of application servers Usage
  ProxyPass / http://0.0.0.0:3000/
 ServerName localhost
</VirtualHost>

• VirtualHost *:80: Вказує Apache підключитися до порту 80, що ми і хочемо для нашої веб-програми.

• ProxyPass: IP-адреса сайту, який потрібно переслати на зворотний проксі-сервер. Швидше за все, це буде IP вашого VPS

• ServerName: назва вашого сервера (за замовчуванням зазвичай є localhost).

Після того, як ви закінчите налаштувати необхідні параметри, використовуйте « Control-O« для збереження та « Control-X« для виходу.

Запуск сайту вперше

Щоб перевірити та переконатися, що веб-сайт працює, введіть наступне в каталозі проекту.

meteor

Ви побачите наступний результат, який показує, що ваш сайт успішно запущено.

=> App running at: http://localhost:3000/

Зверніть увагу, що Meteor за замовчуванням слухає port 3000.

Налаштування нашого сайту для виробництва

Щоб переконатися, що наша програма продовжує працювати, ми будемо використовувати службу systemd. Подібно до того, що ми робили вище з MongoDB, ця системна служба гарантує, що наш веб-сайт запускатиметься щоразу, коли наша система запускається, і продовжуватиме працювати. Він також перезапустить нашу програму, якщо вона завершується збоями з будь-якої причини. Щоб налаштувати нашу службу systemd, введіть наступне у своєму терміналі.

sudo nano /etc/systemd/system/<projectname>.service

Ось як ви хочете, щоб ваш файл виглядав.

[Service]
WorkingDirectory=/home/<yourusername>/<projectname>
ExecStart=/usr/local/bin/meteor --production
Restart=always
StandardOutput=syslog
StandardError=syslog
SyslogIdentifier=<projectName>
User=<yourusername>
Environment=NODE_ENV=production
Environment=PWD=/home/<yourusername>/<projectname>
Environment=PORT=3000
Environment=HTTP_FORWARDED_COUNT=1

Примітка . Не забудьте замінити projectnameім’ям проекту та yourusernameім’ям користувача VPS.

Нижче наведено кілька ключових рядків, про які ви повинні пам’ятати.

• WorkingDirectory: каталог вашої програми.

• Restart: перезапускати чи ні його застосування припиняється з будь-якої причини.

• User: Ваше ім'я користувача.

• Environment=PWD: ідентичний WorkingDirectory.

• Environment=PORT: порт, на якому працює ваша програма. За замовчуванням є 3000.

Збережіть і закрийте файл.

Тепер ми активуємо та запускаємо службу.

sudo systemctl enable <projectname>.service

Де <projectname>знаходиться назва створеного нами сервісного файлу.

Тоді ми розпочнемо службу.

sudo systemctl start <projectname>.service

Розпочнеться ваша програма. Щоб переконатися, що він запущений, просто виконайте наступне.

sudo systemctl status <projectname>

Ви побачите, що він активний, що підтверджує, що служба успішно запущена.

Далі ми перевіримо наш веб-сайт. У вибраному веб-браузері перейдіть до своєї IP-адреси.

http://your-server-ip/

Ви побачите екран зразка Meteor, який підтверджує, що ви все зробили правильно.

Керування нашим додатком

Тепер, коли ми запустили нашу програму, нам потрібно буде керувати нею.

Перезапуск програми

sudo systemctl restart <projectname>

Зупинка програми

sudo systemctl stop <projectname>

Перегляд статусу програми

sudo systemctl status <projectname>

Перегляд журналів

journalctl -u <projectname>

Тепер ви успішно налаштували MongoDB, Apache і Meteor і створили веб-сервер Meteor.js для виробництва. Тепер решта залежить від вас, щоб створити свій веб-сайт на передній і задній панелі. У вас є доступ до MongoDB для зберігання будь-яких даних, які вам можуть знадобитися, і Node.js, який пропонує різноманітні модулі, доступні через Node Package Manager ( NPM) для подальшого зміцнення вашого сервера. Щоб отримати додаткову документацію, не соромтеся відвідати сайт Meteor , де ви можете додатково дізнатися, як налаштувати свій веб-сайт на свій смак. Крім того, ви можете звернутися до документації MongoDB , коли маєте справу з операціями з базою даних.