Jak nastavit webovou aplikaci Meteor.js s MongoDB a Apache na Ubuntu 16.04 LTS

Meteor.js je open-source, JavaScript framework napsaný s ohledem na Node.js. Je populární díky svému pohledu na vytváření webových aplikací v čistém JavaScriptu. Meteor zahrnuje front-end podporu JavaScriptu, která běží ve webovém prohlížeči, stejně jako back-end JavaScript, který by běžel na hostitelském serveru. Velmi dobře se integruje s front-end frameworky JavaScript, jako jsou React a Angular.js, stejně jako MongoDB, populární databáze NoSQL. Několik velkých důvodů, proč si vybrat Meteor.js, je následujících:

• Meteor.js je full stack framework. Takže s ním získáte vše, co byste kdy mohli potřebovat: databázi, frontend, backend. Meteor odvádí úžasnou práci, když to všechno spojuje dohromady.

• Rychlost. Intuitivní systém balíčků Meteor vám poskytuje mnoho nástrojů, které možná budete potřebovat k dokonalosti vaší aplikace.

• Má dobrou podporu od skupiny Meteor Developer Group a také od ostatních vývojářů, kteří jej používají. Budete snadno schopni zjistit jakékoli problémy, které můžete mít, a rychle je vyřešit.

V tomto tutoriálu dosáhneme na Ubuntu 16.04 následujících cílů:

• Nainstalujte Node.js, náš Javascript runtime.

• Nainstalujte Meteor.js.

• Nainstalujte MongoDB, databázi Meteor podle výběru.

• Nainstalujte si Apache, naši volbu reverzního proxy, a případně nastavte naši doménu.

• Otestujte náš web.

• Nastavte naše webové stránky pro výrobu.

Instalace Node.js

Nejprve budete muset nainstalovat Node.js, což je náš interpret JavaScriptu, a jádro Meteoru. Umožní nám to spouštět Meteor a další aplikace Node.js, které můžeme mít v budoucnu. V této situaci budeme instalovat Node.js 8. Chcete-li zahájit stahování, jednoduše spusťte ve svém terminálu následující.

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

Počkejte na dokončení stahování a instalace.

Instalace MongoDB

Dále budeme instalovat naši databázi: MongoDB. MongoDB je bezplatná, open-source databáze dokumentů NoSQL a databáze Meteor podle výběru. Pro své dokumenty používá formát podobný JSON, na rozdíl od strukturovaných tabulek v tradiční databázi SQL.

Importujte veřejný klíč MongoDB používaný APT(Advanced Packaging Terminal). To umožňuje APT ověřit balíček; v tomto případě MongoDB.

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

Vytvořte potřebný soubor seznamu pro 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

Spusťte instalaci MongoDB a počkejte na dokončení instalace.

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

Otevřete službu systemd pro úpravy.

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

Pro dokončení služby systemd zkopírujte a vložte následující.

[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-OPro uložení použijte „ “ a Control-Xpro ukončení použijte „ “ .

Spusťte službu MongoDB systemd zadáním sudo systemctl start mongodbdo terminálu.

Chcete-li ověřit, zda byl úspěšně spuštěn, zadejte následující.

sudo systemctl status mongodb

Uvidíte, že služba je aktivní.

Instalace a nastavení Apache2

Dále nainstalujeme Apache. Apache je bezplatný software webového serveru s otevřeným zdrojovým kódem, který také funguje jako reverzní proxy, což je to, co budeme používat v tomto tutoriálu. K navázání naší aplikace Meteor.js na port 80. Node.js blokuje spuštění aplikací na tomto portu bez přístupu root. Apache běží stejně rootautomaticky, stejně jako se váže na port 80, takže se o to nebudeme muset starat, až přijde čas na spuštění našeho webu.

Nainstalujte Apache.

sudo apt update && sudo apt install apache2

Abychom umožnili přístup k externím webovým portům, jako je port 80, musíme nakonfigurovat náš firewall pro Apache. Děláme to prostřednictvím UFW(Uncomplicated Firewall).

sudo ufw allow 'Apache Full'

To umožní přístup k Apache Fullprofilu „ “. To nám dává příchozí provoz na port 80, na kterém bude naše aplikace běžet.

Instalace Meteor.js a vytvoření naší základní aplikace

Nyní nainstalujeme náš webový framework: Meteor.js. K instalaci použijeme jednoduchý bash skript poskytnutý týmem Meteor.

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

Počkejte na dokončení instalace. Skript v podstatě stahuje Meteor z oficiálních stránek a instaluje jej globálně, takže jej můžeme používat odkudkoli. Po dokončení můžeme vytvořit adresář aplikace. Meteor má k tomu malý šikovný nástroj, který se nazývá meteor create. Chcete-li vytvořit adresář aplikace, zadejte následující.

meteor create <projectname>

Složka bude vytvořena se zadaným názvem ( <projectname>).

Nastavení našeho reverzního proxy Apache

Nyní, když máme nastavený adresář aplikace, můžeme pokračovat v nastavení našeho reverzního proxy. Apache používá modul nazvaný mod_proxy, který implementuje proxy pro Apache.

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

Tím se modul nainstaluje a zpřístupní Apache k použití.

Dále budeme muset povolit všechny potřebné moduly, které Apache potřebuje ke spuštění. Uděláme to pomocí a2enmodnástroje, který umožňuje moduly pro Apache. Tyto moduly nám umožní využít výhody reverzního proxy. Jednoduše zadejte tyto příkazy do terminálu.

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

Poté budeme muset zakázat spouštění výchozího webu Apache, abychom mohli spustit vlastní. V opačném případě výchozí aplikace Apache přepíše naši. Chcete-li zakázat výchozí web, jednoduše spusťte následující.

sudo a2dissite 000-default

Nyní vytvoříme soubor virtuálního hostitele. Chcete-li to provést, stačí otevřít textový editor.

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

Zkopírujte a vložte následující.

<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: Řekne Apache, aby se připojil k portu 80, což je to, co chceme pro naši webovou aplikaci.

• ProxyPass: IP adresa webu, který chcete přesměrovat na reverzní proxy. Toto bude s největší pravděpodobností IP vašeho VPS

• ServerName: Název vašeho serveru (výchozí název je obvykle localhost).

Jakmile dokončíte konfiguraci nezbytných nastavení, použijte „ Control-O“ pro uložení a „ Control-X“ pro ukončení.

Spuštění webu poprvé

Chcete-li otestovat a ujistit se, že web běží, zadejte do adresáře projektu následující.

meteor

Uvidíte následující výstup ukazující, že váš web byl úspěšně spuštěn.

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

Pamatujte, že Meteor ve výchozím nastavení poslouchá na port 3000.

Nastavení našich webových stránek pro výrobu

Abychom zajistili, že naše aplikace zůstane spuštěná, použijeme službu systemd. Podobně jako jsme to udělali výše s MongoDB, tato systémová služba zajistí, že se náš web spustí vždy, když se spustí náš systém, a zůstane spuštěný. Restartuje také naši aplikaci v případě, že z jakéhokoli důvodu spadne. Chcete-li nastavit naši službu systemd, zadejte do svého terminálu následující.

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

Zde je to, jak chcete, aby váš soubor vypadal.

[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

Poznámka : Nezapomeňte nahradit projectnamenázvem projektu a yourusernameuživatelským jménem VPS.

Zde je několik klíčových řádků, které byste měli mít na paměti.

• WorkingDirectory: Adresář vaší aplikace.

• Restart: Bez ohledu na to, zda restartovat aplikaci, zastaví se z jakéhokoli důvodu.

• User: Vaše uživatelské jméno.

• Environment=PWD: Totožné s WorkingDirectory.

• Environment=PORT: Port, na kterém běží vaše aplikace. Výchozí hodnota je 3000.

Uložte a zavřete soubor.

Nyní službu povolíme a spustíme.

sudo systemctl enable <projectname>.service

Kde <projectname>je název souboru služby, který jsme vytvořili.

Poté spustíme službu.

sudo systemctl start <projectname>.service

Vaše aplikace se spustí. Chcete-li ověřit, že se spustil, spusťte následující.

sudo systemctl status <projectname>

Uvidíte, že je aktivní a ověříte, že služba byla úspěšně spuštěna.

Dále se podíváme na naše webové stránky. Ve zvoleném webovém prohlížeči přejděte na svou IP adresu.

http://your-server-ip/

Uvidíte ukázkovou obrazovku Meteor, která ověří, že jste vše udělali správně.

Správa naší aplikace

Nyní, když jsme spustili naši aplikaci, budeme ji muset spravovat.

Restartování aplikace

sudo systemctl restart <projectname>

Zastavení aplikace

sudo systemctl stop <projectname>

Zobrazení stavu aplikace

sudo systemctl status <projectname>

Prohlížení protokolů

journalctl -u <projectname>

Nyní jste úspěšně nakonfigurovali MongoDB, Apache a Meteor a vytvořili webový server Meteor.js pro produkci. Nyní je zbytek na vás, abyste navrhli svůj web na přední a zadní straně. Máte přístup k MongoDB pro ukládání jakýchkoli dat, která můžete potřebovat, a Node.js, která nabízí řadu modulů dostupných prostřednictvím Node Package Manager ( NPM) pro další posílení vašeho backendu. Pro další dokumentaci neváhejte navštívit stránky Meteor , kde se dále dozvíte, jak si web upravit podle svých představ. Pokud se zabýváte databázovými operacemi , můžete se také podívat na dokumentaci MongoDB .