Seadistage Ubuntu 18.04 LTS-is Nuxt.js-i veebirakendus

Nuxt.js: universaalne raamistik

Nuxt.js on JavaScripti raamistik, mis on loodud universaalsete Vue.js rakenduste kiireks loomiseks. See on kõige kuulsam tänu oma võimele luua Vue.js rakendusi, mida saab renderdada nii serveris kui ka kliendis. Selles õpetuses seadistame serveris renderdatud Nuxt.js-i rakenduse ja juurutame selle Ubuntu 18.04 LTS-is.

Node.js installimine

Esiteks peate veenduma, et kasutate Ubuntu 18.04 LTS-i. Seejärel peate installima Node.js-i, kui see pole veel installitud. Selles õpetuses kasutame selle protsessi palju lihtsamaks muutmiseks sõlme versioonihaldurit ehk NVM-i.

Installige NVM, kasutades järgmisi käske.

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

Tellingute rakendus

Kui olete Node.js-i installinud, saame nüüd jätkata vajalike pakettide seadistamisega NPM-i abil. Kasutame väikest käepärast tööriista nimega create-nuxt-app, kogukonna loodud tööriista, millega saab hõlpsasti luua Nuxt.js-i rakendusi.

Rakenduse loomise alustamiseks käivitage oma kodukataloogis järgmine käsk.

npx create-nuxt-app <nameofproject>

Konsool küsib teilt mitu olulist valikut. Selle õpetuse huvides anname oma projektile nimeks " app". Kasutame oma kohandatud serveriraamistikuna Expressi ja käivitame rakenduse universaalses režiimis, mis tagab meie veebisaidi renderdamise serveris. Kui olete kõik vajalikud õigused määranud, algab installiprotsess ja luuakse kõik konfiguratsioonifailid.

Esialgne algus

Kui kõik on alla laaditud, muutke kataloogid just loodud kausta.

cd app

Nüüd saame käivitada Nuxt.js arendusserveri.

npm run dev

See käsk loob saidi veebipaketi abil, mis on mooduli komplekteerija, ja teenindab saiti kohaliku hosti pordis, mis tavaliselt on port 3000. See annab teile juurdepääsu ka kiirlaadimismoodulitele, mis eemaldab vajaduse taaskäivitada rakendus iga kord, kui muudate faili. Kuna me kasutame rakendust universaalses režiimis, kompileerib rakendus nii kliendis kui ka serveris. Nüüd töötab teie rakendus pordis 3000.

Tootmiseks mõeldud hoone

Arendusrežiim on üsna kasulik, kui arendate oma rakendust aktiivselt. Kui aga olete valmis oma rakenduse avalikuks muutma, muutuvad lisandmoodulid, nagu kuum uuesti laadimine ja arendaja tööriistad, vähem oluliseks. Seetõttu tahame oma rakenduse üks kord tootmiskeskkonna jaoks luua. Õnneks sisaldab Nuxt.js tööriista, mida saame kasutada oma rakenduse moodulite kiireks tootmiseks koostamiseks. Tootmise koostamise protsessi alustamiseks käivitage järgmine.

npm run build

Põhimõtteliselt koostame kõik oma veebipaketi moodulid koos tootmise optimeerimisega.

Kui ehitamine on lõpetatud, saate saiti tootmiseks käivitada.

npm start

Nüüd, kui navigeerite http://yourip:3000saidile , näete Nuxt.js-i avakuva, mis kinnitab, et töötate tootmisrežiimis.

PM2: hallake oma rakendust lihtsalt

Nüüd mõistame oma rakenduse tootmiseks käitamise põhitõdesid. Tootmiskeskkonna osas eelistaksime head viisi oma rakenduse igaveseks töös hoidmiseks, vajaduse korral rakenduse automaatse taaskäivitamiseks ja rakenduse ressursside jälgimiseks. Siin tuleb appi Process Manager 2 (PM2). PM2 on tootmisrakenduste Node.js protsessihaldur, mis sisaldab paljusid olulisi tootmistööriistu, nagu koormuse tasakaalustamine, täpsemad logid, käivitusskriptid ja palju muud. Esmalt installige PM2.

npm install pm2 -g

See installib PM2 globaalselt, et saaksime seda kasutada kõikjal oma serveris. Kui PM2 on allalaadimise lõpetanud, saame oma rakenduse käivitada.

pm2 start <appfolder>/server/index.js

Pange tähele, et käivitame serverifaili, mis asub meie rakenduse juurtes.

Kui soovite vaadata ressursse, mida teie rakendus tarbib, saate seda teha pm2 monitkäsuga. See avab ncursesiga sarnase liidese, kus saate täpselt koguda andmeid oma rakenduse RAM-i, protsessori ja kettakasutuse kohta.

Praeguseks töötab teie rakendus täpselt nii, nagu see oli siis, kui me seda varem npm-iga käivitasime, välja arvatud nüüd, kui meil on tootmise optimeerimise osas palju suurem kontroll.

Teil on nüüd Nuxt.js-i rakenduse järk, mis on juurutatud Node.js-i ja Ubuntu 18.04-ga tootmiseks. Kui soovite Nuxti ja kõigi selle põhjalike funktsioonide kohta rohkem teada saada, külastage nende ametlikku dokumentatsiooni .