Com configurar una aplicació web Meteor.js amb MongoDB i Apache a Ubuntu 16.04 LTS

Meteor.js és un marc JavaScript de codi obert escrit tenint en compte Node.js. És popular per la seva visió de crear aplicacions web en JavaScript pur. Meteor incorpora suport de JavaScript frontal que s'executa al navegador web, així com JavaScript de fons, que s'executaria al servidor amfitrió. S'integra molt bé amb marcs de JavaScript front-end, com React i Angular.js, així com MongoDB, una base de dades NoSQL popular. Alguns motius importants per triar Meteor.js són els següents:

• Meteor.js és un marc de pila completa. Així que amb ell, obtindreu tot el que pugui necessitar: base de dades, front-end, backend. Meteor fa un treball increïble lligant-ho tot.

• Velocitat. El sistema de paquets intuïtiu de Meteor us ofereix moltes eines que potser necessiteu per perfeccionar la vostra aplicació.

• Té un bon suport del Meteor Developer Group, així com d'altres desenvolupadors que l'utilitzen. Podreu identificar fàcilment qualsevol problema que tingueu i resoldre'ls ràpidament.

En aquest tutorial, aconseguirem els objectius següents a Ubuntu 16.04:

• Instal·leu Node.js, el nostre temps d'execució de Javascript.

• Instal·lar Meteor.js.

• Instal·leu MongoDB, la base de dades preferida de Meteor.

• Instal·leu Apache, el nostre proxy invers que escolliu i configureu el nostre domini si escau.

• Prova el nostre lloc web.

• Configureu el nostre lloc web per a la producció.

Instal·lant Node.js

Primer haureu d'instal·lar Node.js, que és el nostre intèrpret de JavaScript, i el nucli de Meteor. Ens permetrà executar Meteor i altres aplicacions Node.js que tinguem en el futur. En aquesta situació, instal·larem Node.js 8. Per iniciar la descàrrega, només cal que executeu el següent al vostre terminal.

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

Espereu que finalitzi la descàrrega i la instal·lació.

Instal·lació de MongoDB

A continuació, instal·larem la nostra base de dades: MongoDB. MongoDB és una base de dades de documents NoSQL gratuïta i de codi obert i la base de dades preferida de Meteor. Utilitza un format semblant a JSON per als seus documents, a diferència de les taules estructurades en una base de dades SQL tradicional.

Importeu la clau pública MongoDB utilitzada per APT(Advanced Packaging Terminal). Això permet a APT verificar el paquet; en aquest cas, MongoDB.

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

Creeu el fitxer de llista necessari per a 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

Inicieu la instal·lació de MongoDB i espereu que acabi la instal·lació.

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

Obriu el servei systemd per editar-lo.

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

Copieu i enganxeu el següent per completar el servei 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

Utilitzeu " Control-O" per desar i " Control-X" per sortir.

Executeu el servei MongoDB systemd escrivint sudo systemctl start mongodbal vostre terminal.

Per verificar que s'ha iniciat correctament, escriviu el següent.

sudo systemctl status mongodb

Veureu que el servei està actiu.

Instal·lació i configuració d'Apache2

A continuació, instal·larem Apache. Apache és un programari de servidor web gratuït i de codi obert, que també funciona com a servidor intermediari invers, que és el que utilitzarem en aquest tutorial. Es necessita un servidor intermediari invers per vincular la nostra aplicació Meteor.js a port 80. Node.js bloqueja l'execució de les aplicacions en aquest port sense accés d'arrel. Apache s'executa tan rootautomàticament com s'enllaça amb port 80, de manera que no ens haurem de preocupar quan arribi el moment d'executar el nostre lloc web.

Instal·leu Apache.

sudo apt update && sudo apt install apache2

Per permetre l'accés a ports web externs com ara port 80, hem de configurar el nostre tallafoc per a Apache. Ho fem mitjançant UFW(Tallafocs sense complicacions).

sudo ufw allow 'Apache Full'

Això permetrà accedir al Apache Fullperfil " ". Això ens proporciona el trànsit entrant a port 80, que és el que s'executarà la nostra aplicació.

Instal·lant Meteor.js i creant la nostra aplicació base

Ara, instal·larem el nostre marc web: Meteor.js. Utilitzarem un script bash senzill proporcionat per l'equip de Meteor per instal·lar-lo.

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

Espereu que finalitzi la instal·lació. Bàsicament, el que fa l'script és baixa Meteor del lloc web oficial i l'instal·la globalment, de manera que el podem utilitzar des de qualsevol lloc. Un cop acabat, podem crear el nostre directori d'aplicacions. Meteor té una petita eina útil per fer-ho, anomenada meteor create. Per crear el directori de l'aplicació, escriviu el següent.

meteor create <projectname>

La carpeta es crearà amb el nom especificat ( <projectname>).

Configurant el nostre servidor intermediari invers Apache

Ara que tenim el nostre directori d'aplicacions configurat, podem continuar amb la configuració del nostre servidor intermediari invers. Apache utilitza un mòdul anomenat mod_proxy, que implementa un proxy per a Apache.

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

Això instal·larà el mòdul i el posarà a disposició d'Apache.

A continuació, haurem d'habilitar tots els mòduls necessaris per executar Apache. Ho farem amb a2enmod, una eina que habilita mòduls per a Apache. Aquests mòduls ens permetran aprofitar el proxy invers. Simplement escriviu aquestes ordres al vostre terminal.

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

Després d'això, haurem de desactivar el lloc predeterminat d'Apache perquè s'iniciï, perquè puguem iniciar el nostre. En cas contrari, l'aplicació Apache predeterminada substituirà la nostra. Per desactivar el lloc predeterminat, només cal que executeu el següent.

sudo a2dissite 000-default

Ara crearem el nostre fitxer d'amfitrió virtual. Per fer-ho, només cal que obriu un editor de text.

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

Copieu i enganxeu el següent.

<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: Li diu a Apache que es connecti al port 80, que és el que volem per a la nostra aplicació web.

• ProxyPass: l'adreça IP del lloc que voleu reenviar al servidor intermediari invers. És probable que aquesta sigui la IP del vostre VPS

• ServerName: El nom del vostre servidor (el nom predeterminat sol ser localhost).

Un cop hàgiu acabat de configurar els paràmetres necessaris, utilitzeu " Control-O" per desar i " Control-X" per sortir.

Executant el lloc per primera vegada

Per provar i assegurar-vos que el lloc web s'està executant, escriviu el següent al directori del projecte.

meteor

Veureu la sortida següent que mostra que el vostre lloc s'ha iniciat correctament.

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

Tingueu en compte que Meteor, per defecte escolta a port 3000.

Configuració del nostre lloc web per a la producció

Per assegurar-nos que la nostra aplicació pugui continuar funcionant, utilitzarem un servei systemd. De manera similar al que vam fer anteriorment amb MongoDB, aquest servei del sistema s'assegurarà que el nostre lloc web s'iniciï sempre que s'iniciï el nostre sistema i es mantingui en funcionament. També reiniciarà la nostra aplicació, en cas que es bloquegi per qualsevol motiu. Per configurar el nostre servei systemd, escriviu el següent al vostre terminal.

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

Aquí teniu l'aspecte que voleu que tingui el vostre fitxer.

[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

Nota : No oblideu substituir-lo projectnamepel nom del projecte i yourusernamepel nom d'usuari del VPS.

Aquí tens algunes línies clau que has de tenir en compte.

• WorkingDirectory: El directori de la vostra aplicació.

• Restart: Reiniciar o no l'aplicació de la mateixa s'atura per qualsevol motiu.

• User: El teu nom d'usuari.

• Environment=PWD: Idèntic a WorkingDirectory.

• Environment=PORT: el port on s'executa la vostra aplicació. El valor predeterminat és 3000.

Desa i tanca el fitxer.

Ara, habilitarem i iniciarem el servei.

sudo systemctl enable <projectname>.service

On <projectname>és el nom del fitxer de servei que hem creat.

Aleshores, començarem el servei.

sudo systemctl start <projectname>.service

La vostra aplicació començarà. Per verificar que s'ha iniciat, només cal que executeu el següent.

sudo systemctl status <projectname>

Veureu que està actiu, comprovant que el servei s'ha iniciat correctament.

A continuació, veurem la nostra pàgina web. Al navegador web que trieu, navegueu a la vostra adreça IP.

http://your-server-ip/

Veureu la pantalla de mostra de Meteor, verificant que ho heu fet tot correctament.

Gestionant la nostra aplicació

Ara que hem iniciat la nostra aplicació, haurem de gestionar-la.

Reiniciant la vostra aplicació

sudo systemctl restart <projectname>

Atura de l'aplicació

sudo systemctl stop <projectname>

Visualització de l'estat de l'aplicació

sudo systemctl status <projectname>

Visualització dels registres

journalctl -u <projectname>

Ara heu configurat correctament MongoDB, Apache i Meteor i heu creat un servidor web Meteor.js per a la producció. Ara la resta depèn de vosaltres, dissenyar el vostre lloc web a la part frontal i posterior. Teniu accés a MongoDB per emmagatzemar les dades que necessiteu i a Node.js, que ofereix una varietat de mòduls disponibles a través del Gestor de paquets de Node ( NPM) per reforçar encara més el vostre backend. Per obtenir més documentació, no dubteu a visitar el lloc web de Meteor , on podreu aprendre més a personalitzar el vostre lloc web al vostre gust. A més, podeu consultar la documentació de MongoDB quan esteu tractant amb operacions de base de dades.