Iestatiet Nuxt.js tīmekļa lietojumprogrammu Ubuntu 18.04 LTS

Nuxt.js: universālais ietvars

Nuxt.js ir JavaScript ietvars, kas paredzēts, lai ātri izveidotu universālas Vue.js lietojumprogrammas. Tas ir visievērojamākais ar spēju izveidot Vue.js lietotnes, kuras var atveidot gan serverī, gan klientā. Šajā apmācībā mēs iestatīsim servera renderētu Nuxt.js lietojumprogrammu un izvietosim to Ubuntu 18.04 LTS.

Node.js instalēšana

Pirmkārt, jums būs jāpārliecinās, vai izmantojat Ubuntu 18.04 LTS. Pēc tam jums būs jāinstalē Node.js, ja tas vēl nav instalēts. Šajā apmācībā mēs izmantosim Node Version Manager jeb NVM, lai padarītu šo procesu daudz vienkāršāku.

Instalējiet NVM, izmantojot šādas komandas.

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

Sastatņu pielietojums

Kad esat instalējis Node.js, mēs varam turpināt iestatīt pakotnes, kas mums būs vajadzīgas, izmantojot NPM. Mēs izmantosim parocīgu, mazo rīku, ko sauc create-nuxt-apppar kopienas izstrādātu rīku, ar kuru var viegli izveidot Nuxt.js lietojumprogrammas.

Savā mājas direktorijā palaidiet šo komandu, lai sāktu lietotņu ģenerēšanu.

npx create-nuxt-app <nameofproject>

Konsole liks jums izvēlēties vairākas svarīgas opcijas. Šīs apmācības nolūkos mēs nosauksim mūsu projektu " app". Mēs izmantosim Express kā savu pielāgoto servera ietvaru, un mēs darbosim lietojumprogrammu universālajā režīmā, kas nodrošina, ka mūsu vietne tiks renderēta serverī. Kad būsiet norādījis visas nepieciešamās atļaujas, sāksies instalēšanas process un tiks izveidoti visi konfigurācijas faili.

Sākotnējais starts

Kad viss ir lejupielādēts, mainiet direktorijus tikko izveidotajā mapē.

cd app

Tagad mēs varam palaist Nuxt.js izstrādes serveri.

npm run dev

Šī komanda izveidos vietni, izmantojot tīmekļa pakotni, kas ir moduļu komplektētājs, un apkalpos vietni vietējā resursdatora portā, kas parasti būs ports 3000. Tas arī nodrošinās piekļuvi karstās pārlādēšanas moduļiem, kas novērsīs nepieciešamību restartēt lietojumprogrammu katru reizi, kad mainīsit failu. Tā kā mēs darbinām lietotni universālajā režīmā, lietotne tiks apkopota gan klientā, gan serverī. Tagad jūsu lietojumprogramma darbosies portā 3000.

Ēka ražošanai

Izstrādes režīms ir ļoti noderīgs, kad aktīvi izstrādājat savu lietojumprogrammu. Tomēr, kad esat gatavs padarīt savu lietojumprogrammu publisku, tādi papildinājumi kā ātra atkārtota ielāde un izstrādātāja rīki kļūst mazāk svarīgi. Tāpēc mēs vēlamies vienreiz izveidot savu lietojumprogrammu ražošanas videi. Par laimi, Nuxt.js ietver rīku, ko varam izmantot, lai ātri izveidotu mūsu lietotnes moduļus ražošanai. Lai sāktu ražošanas veidošanas procesu, veiciet tālāk norādītās darbības.

npm run build

Būtībā tas, ko mēs šeit darām, ir visu mūsu tīmekļa pakotņu moduļu apkopošana ar optimizāciju ražošanai.

Kad būvniecība būs pabeigta, jūs varēsiet palaist vietni ražošanai.

npm start

Tagad, http://yourip:3000pārejot uz , jūs redzēsit Nuxt.js uzplaiksnījumu ekrānu, kas apstiprina, ka strādājat ražošanas režīmā.

PM2: ērti pārvaldiet savu lietojumprogrammu

Tagad mēs saprotam mūsu lietojumprogrammas ražošanas pamatus. Runājot par ražošanas vidi, mēs gribētu labu veidu, kā nodrošināt mūsu lietojumprogrammas nepārtrauktu darbību, automātiski restartēt lietojumprogrammu, kad nepieciešams, un pārraudzīt lietojumprogrammas resursus. Šeit tiek izmantots Process Manager 2 (PM2). PM2 ir Node.js procesu pārvaldnieks ražošanas lietojumprogrammām, kas ietver daudzus svarīgus ražošanas rīkus, piemēram, slodzes līdzsvarošanu, papildu žurnālus, starta skriptus un daudz ko citu. Vispirms instalējiet PM2.

npm install pm2 -g

Tādējādi PM2 tiek instalēts visā pasaulē, lai mēs to varētu izmantot jebkurā vietā mūsu serverī. Kad PM2 lejupielāde ir pabeigta, mēs varam sākt mūsu lietojumprogrammu.

pm2 start <appfolder>/server/index.js

Ņemiet vērā, ka mēs startējam servera failu, kas atrodas mūsu lietojumprogrammas saknē.

Ja vēlaties skatīt resursus, ko patērē jūsu lietojumprogramma, varat to izdarīt ar pm2 monitkomandu. Tas parādīs interfeisu, kas ir līdzīgs ncurses interfeisam, kurā varat precīzi apkopot datus par lietojumprogrammas RAM, CPU un diska lietojumu.

Tagad jūsu lietojumprogramma darbosies tieši tāpat, kā tas bija, kad mēs to palaidām ar npm agrāk, izņemot tagad, kad runa ir par ražošanas optimizāciju, mums ir daudz lielāka kontrole.

Tagad jums ir Nuxt.js lietojumprogrammas būvējums, kas ir izvietots ražošanai ar Node.js un Ubuntu 18.04. Ja vēlaties uzzināt vairāk par Nuxt un visām tā padziļinātajām funkcijām, lūdzu, apmeklējiet viņu oficiālo dokumentāciju .