Postavite Nuxt.js web aplikaciju na Ubuntu 18.04 LTS

Nuxt.js: Univerzalni okvir

Nuxt.js je JavaScript okvir dizajniran za brzo stvaranje univerzalnih Vue.js aplikacija. Najpoznatiji je po svojoj sposobnosti stvaranja Vue.js aplikacija koje se mogu prikazati na poslužitelju kao i na klijentu. U ovom vodiču postavljat ćemo aplikaciju Nuxt.js generiranu na poslužitelju i implementirati je na Ubuntu 18.04 LTS.

Instaliranje Node.js

Prvo, morat ćete biti sigurni da koristite Ubuntu 18.04 LTS. Zatim ćete morati instalirati Node.js, ako već nije instaliran. U ovom vodiču koristit ćemo Node Version Manager, ili NVM, kako bismo ovaj proces učinili mnogo lakšim.

Instalirajte NVM pomoću sljedećih naredbi.

curl -sL https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh -o install_nvm.sh
bash install_nvm.sh
source ~/.profile
nvm install 11.1.0
nvm use 11.1.0

Primjena skele

Nakon što instalirate Node.js, sada možemo nastaviti s postavljanjem paketa koji će nam trebati pomoću NPM-a. Koristit ćemo praktičan mali alat pod nazivom create-nuxt-app, alat koji je izradila zajednica i koji lako može kreirati Nuxt.js aplikacije.

U svom početnom direktoriju pokrenite sljedeću naredbu da započnete generiranje aplikacije.

npx create-nuxt-app <nameofproject>

Konzola će od vas tražiti nekoliko važnih opcija. Radi ovog vodiča, naš projekt ćemo nazvati " app". Koristit ćemo Express kao naš prilagođeni poslužiteljski okvir, a aplikaciju ćemo pokrenuti u univerzalnom načinu rada, što osigurava da ćemo našu web stranicu renderirati na poslužitelju. Kada navedete sva potrebna dopuštenja, počet će proces instalacije i sve konfiguracijske datoteke će biti stvorene.

Početni početak

Nakon što se sve preuzme, promijenite direktorije u mapu koju ste upravo stvorili.

cd app

Sada možemo pokrenuti razvojni poslužitelj Nuxt.js.

npm run dev

Ova će naredba izgraditi web-mjesto pomoću webpacka, koji je paket modula, i poslužiti stranicu na portu lokalnog hosta, koji će općenito biti port 3000. Također će vam omogućiti pristup modulima za ponovno učitavanje, što će ukloniti potrebu za ponovnim pokretanjem aplikacije svaki put kada promijenite datoteku. Budući da pokrećemo aplikaciju u univerzalnom načinu rada, aplikacija će se kompilirati i na klijentu i na poslužitelju. Sada će vaša aplikacija raditi na portu 3000.

Zgrada za proizvodnju

Način razvoja je vrlo koristan kada aktivno razvijate svoju aplikaciju. Međutim, kada ste spremni objaviti svoju aplikaciju, dodaci kao što su ponovno učitavanje i alati za razvojne programere postaju manje važni. To je razlog zašto ćemo htjeti izgraditi našu aplikaciju jednom, za proizvodno okruženje. Srećom, Nuxt.js uključuje alat koji možemo koristiti za brzu izgradnju modula naše aplikacije za proizvodnju. Pokrenite sljedeće da započnete proces izrade proizvodnje.

npm run build

U biti, ono što ovdje radimo je da sastavljamo sve naše webpack module, s optimizacijama za proizvodnju.

Nakon što je izgradnja gotova, moći ćete pokrenuti stranicu za proizvodnju.

npm start

Sada, ako http://yourip:3000prijeđete na , vidjet ćete početni zaslon Nuxt.js, koji potvrđuje da radite u proizvodnom načinu.

PM2: Upravljajte svojom aplikacijom s lakoćom

Sada razumijemo osnove pokretanja naše aplikacije za proizvodnju. Što se tiče proizvodnog okruženja, radije bismo imali dobar način da naša aplikacija radi zauvijek, da automatski ponovno pokrenemo aplikaciju kada je to potrebno i da pratimo resurse naše aplikacije. Tu dolazi Process Manager 2 (PM2). PM2 je Node.js upravitelj procesa za proizvodne aplikacije, koji uključuje mnoge važne proizvodne alate kao što su balansiranje opterećenja, napredni zapisnici, skripte za pokretanje i još mnogo toga. Prvo instalirajte PM2.

npm install pm2 -g

Time se PM2 instalira globalno tako da ga možemo koristiti bilo gdje na našem poslužitelju. Nakon što PM2 završi preuzimanje, možemo pokrenuti našu aplikaciju.

pm2 start <appfolder>/server/index.js

Imajte na umu da pokrećemo datoteku poslužitelja koja se nalazi unutar korijena naše aplikacije.

Ako želite vidjeti resurse koje vaša aplikacija troši, to možete učiniti pomoću pm2 monitnaredbe. Ovo će prikazati sučelje slično onom ncurses, gdje možete precizno prikupiti podatke o upotrebi RAM-a, CPU-a i diska vaše aplikacije.

Do sada će vaša aplikacija raditi točno onako kako je bila kada smo je ranije izvodili s npm-om, osim što sada imamo puno više kontrole kada je riječ o optimizaciji proizvodnje.

Sada imate verziju aplikacije Nuxt.js koja je raspoređena za proizvodnju s Node.js i Ubuntu 18.04. Ako želite saznati više o Nuxtu i svim njegovim detaljnim značajkama, slobodno posjetite njihovu službenu dokumentaciju .