Как да настроите уеб приложение Meteor.js с MongoDB и Apache на Ubuntu 16.04 LTS

Meteor.js е JavaScript рамка с отворен код, написана с Node.js. Той е популярен поради възгледа си за изграждане на уеб приложения в чист JavaScript. Meteor включва фронтен JavaScript поддръжка, който се изпълнява в уеб браузъра, както и back-end JavaScript, който ще работи на хост сървъра. Той се интегрира много добре с Front-end JavaScript рамки, като React и Angular.js, както и MongoDB, популярна база данни NoSQL. Няколко големи причини да изберете Meteor.js са следните:

• Meteor.js е рамка с пълен стек. Така че с него получавате всичко, от което се нуждаете: база данни, преден край, бекенд. Meteor върши невероятна работа, свързвайки всичко заедно.

• Скорост. Интуитивната пакетна система на 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 , когато се занимавате с операции с база данни.