Hur man ställer in en Meteor.js webbapplikation med MongoDB och Apache på Ubuntu 16.04 LTS

Meteor.js är ett JavaScript-ramverk med öppen källkod skrivet med Node.js i åtanke. Det är populärt på grund av sin syn på att bygga webbapplikationer i ren JavaScript. Meteor innehåller front-end JavaScript-stöd som körs i webbläsaren, såväl som back-end JavaScript, som skulle köras på värdservern. Den integrerar mycket bra med front-end JavaScript-ramverk, som React och Angular.js, såväl som MongoDB, en populär NoSQL-databas. Några stora skäl att välja Meteor.js är följande:

• Meteor.js är ett ramverk i full stack. Så med den får du allt du någonsin kan behöva: Databas, frontend, backend. Meteor gör ett fantastiskt jobb med att knyta ihop allt.

• Fart. Meteors intuitiva paketsystem ger dig många verktyg som du kan behöva för att perfekta din applikation.

• Den har bra stöd från Meteor Developer Group, såväl som andra utvecklare som använder den. Du kommer lätt att kunna lista ut eventuella problem du kan ha och lösa dem snabbt.

I den här handledningen kommer vi att uppnå följande mål på Ubuntu 16.04:

• Installera Node.js, vår Javascript-runtime.

• Installera Meteor.js.

• Installera MongoDB, Meteors valbara databas.

• Installera Apachevår omvända proxy och konfigurera vår domän om tillämpligt.

• Testa vår hemsida.

• Konfigurera vår hemsida för produktion.

Installerar Node.js

Du måste först installera Node.js, som är vår JavaScript-tolk, och Meteors kärna. Det kommer att tillåta oss att köra Meteor och andra Node.js-applikationer vi kan ha i framtiden. I den här situationen kommer vi att installera Node.js 8. För att starta nedladdningen kör du helt enkelt följande i din terminal.

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

Vänta tills nedladdningen och installationen är klar.

Installerar MongoDB

Därefter kommer vi att installera vår databas: MongoDB. MongoDB är en gratis NoSQL-dokumentdatabas med öppen källkod och Meteors valbara databas. Den använder ett JSON-liknande format för sina dokument, till skillnad från strukturerade tabeller i en traditionell SQL-databas.

Importera MongoDB publika nyckel som används av APT(Advanced Packaging Terminal). Detta tillåter APT att verifiera paketet; i det här fallet MongoDB.

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

Skapa den nödvändiga listfilen för 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

Starta installationen av MongoDB och vänta tills installationen är klar.

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

Öppna systemd-tjänsten för redigering.

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

Kopiera och klistra in följande för att slutföra systemd-tjänsten.

[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

Använd " Control-O" för att spara och " Control-X" för att avsluta.

Kör MongoDB systemd-tjänsten genom att skriva sudo systemctl start mongodbin din terminal.

För att verifiera att den har startat korrekt, skriv följande.

sudo systemctl status mongodb

Du kommer att se att tjänsten är aktiv.

Installera och konfigurera Apache2

Därefter kommer vi att installera Apache. Apache är en gratis webbserverprogramvara med öppen källkod, som också fungerar som en omvänd proxy, vilket är vad vi kommer att använda i den här handledningen. En omvänd proxy behövs för att binda vår Meteor.js-applikation till port 80. Node.js blockerar program från att köras på den porten utan root-åtkomst. Apache körs lika rootautomatiskt som binder till port 80, så vi behöver inte oroa oss för det när det är dags att köra vår webbplats.

Installera Apache.

sudo apt update && sudo apt install apache2

För att tillåta åtkomst till externa webbportar som t.ex. port 80måste vi konfigurera vår brandvägg för Apache. Vi gör detta genom UFW(Okomplicerad brandvägg).

sudo ufw allow 'Apache Full'

Detta ger åtkomst till Apache Fullprofilen " ". Detta ger oss den inkommande trafiken till port 80, vilket är vad vår applikation kommer att köras på.

Installera Meteor.js och skapa vår basapplikation

Nu kommer vi att installera vårt webbramverk: Meteor.js. Vi kommer att använda ett enkelt bash-skript från Meteor-teamet för att installera det.

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

Vänta tills installationen är klar. Vad skriptet gör är att det laddar ner Meteor från den officiella webbplatsen och installerar det globalt, så att vi kan använda det var som helst. När det är klart kan vi skapa vår applikationskatalog. Meteor har ett praktiskt litet verktyg som vi kan använda för att göra det, kallat meteor create. För att skapa din applikationskatalog, skriv följande.

meteor create <projectname>

Mappen kommer att skapas med det angivna namnet ( <projectname>).

Konfigurera vår Apache omvänd proxy

Nu när vi har konfigurerat vår applikationskatalog kan vi fortsätta med att ställa in vår omvänd proxy. Apache använder en modul som heter mod_proxy, som implementerar en proxy för Apache.

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

Detta kommer att installera modulen och göra den tillgänglig för Apache att använda.

Därefter måste vi aktivera alla nödvändiga moduler som Apache behöver köra. Vi kommer att göra detta med a2enmod, ett verktyg som möjliggör moduler för Apache. Dessa moduler kommer att tillåta oss att dra fördel av den omvända proxyn. Skriv bara in dessa kommandon i din 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

Efter det måste vi inaktivera standardapache-webbplatsen från att starta, så att vi kan starta upp vår egen. Annars kommer standardapacheapplikationen att åsidosätta vår. För att inaktivera standardwebbplatsen, kör bara följande.

sudo a2dissite 000-default

Nu kommer vi att skapa vår virtuella värdfil. För att göra det, öppna bara en textredigerare.

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

Kopiera och klistra in följande.

<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: Ber Apache att ansluta till port 80, vilket är vad vi vill ha för vår webbapplikation.

• ProxyPass: IP-adressen för webbplatsen du vill vidarebefordra till omvänd proxy. Detta kommer troligen att vara IP:n för din VPS

• ServerName: Namnet på din server (standardnamnet är vanligtvis localhost).

När du är klar med att konfigurera de nödvändiga inställningarna, använd " Control-O" för att spara och " Control-X" för att avsluta.

Kör sajten för första gången

För att testa och se till att webbplatsen körs, skriv in följande i projektkatalogen.

meteor

Du kommer att se följande utdata som visar att din webbplats har startat framgångsrikt.

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

Observera att Meteor som standard lyssnar på port 3000.

Skapar vår hemsida för produktion

För att säkerställa att vår app kan fortsätta att köras kommer vi att använda en systemtjänst. I likhet med vad vi gjorde ovan med MongoDB, kommer den här systemtjänsten att se till att vår webbplats startar upp när vårt system startar och fortsätter att köras. Det kommer också att starta om vår applikation, i händelse av att den kraschar av någon anledning. För att ställa in vår systemd-tjänst, skriv in följande i din terminal.

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

Så här vill du att din fil ska se ut.

[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

Obs : Glöm inte att ersätta projectnamemed namnet på projektet och yourusernamemed användarnamnet för VPS.

Här är några nyckellinjer som du bör tänka på.

• WorkingDirectory: Katalogen för din applikation.

• Restart: Huruvida tillämpningen av den ska startas om eller inte stoppas av någon anledning.

• User: Ditt användarnamn.

• Environment=PWD: Identisk med WorkingDirectory.

• Environment=PORT: Porten som ditt program körs på. Standard är 3000.

Spara och stäng filen.

Nu kommer vi att aktivera och starta tjänsten.

sudo systemctl enable <projectname>.service

Var <projectname>är namnet på servicefilen vi skapade.

Sedan startar vi tjänsten.

sudo systemctl start <projectname>.service

Din ansökan kommer att starta. För att verifiera att den har startat, kör bara följande.

sudo systemctl status <projectname>

Du kommer att se att den är aktiv, vilket verifierar att tjänsten har startat framgångsrikt.

Därefter ska vi kolla in vår hemsida. Navigera till din IP-adress i din webbläsare.

http://your-server-ip/

Du kommer att se Meteor-provskärmen, som verifierar att du har gjort allt korrekt.

Hantera vår applikation

Nu när vi har startat vår ansökan måste vi hantera den.

Startar om din applikation

sudo systemctl restart <projectname>

Stoppar applikationen

sudo systemctl stop <projectname>

Visa applikationens status

sudo systemctl status <projectname>

Titta på loggarna

journalctl -u <projectname>

Du har nu framgångsrikt konfigurerat MongoDB, Apache och Meteor och skapat en Meteor.js-webbserver för produktion. Nu är resten upp till dig, att designa din webbplats på framsidan och baksidan. Du har tillgång till MongoDB för att lagra all data du kan behöva, och Node.js, som erbjuder en mängd olika moduler tillgängliga via Node Package Manager ( NPM) för att ytterligare stärka din backend. För mer dokumentation, besök gärna Meteor-sajten , där du ytterligare kan lära dig hur du anpassar din webbplats efter eget tycke. Du kan också hänvisa till MongoDB-dokumentationen när du har att göra med databasoperationer.