Nustatykite Nuxt.js žiniatinklio programą Ubuntu 18.04 LTS

Nuxt.js: universalioji sistema

Nuxt.js yra „JavaScript“ sistema, skirta greitai sukurti universalias „Vue.js“ programas. Labiausiai žinoma, kad ji gali kurti Vue.js programas, kurios gali būti pateikiamos tiek serveryje, tiek kliente. Šioje pamokoje mes nustatysime serverio pateiktą Nuxt.js programą ir įdiegsime ją Ubuntu 18.04 LTS.

Node.js diegimas

Pirmiausia turėsite įsitikinti, kad naudojate Ubuntu 18.04 LTS. Tada turėsite įdiegti Node.js, jei jis dar neįdiegtas. Šiame vadove mes naudosime Node Version Manager arba NVM, kad šis procesas būtų daug lengvesnis.

Įdiekite NVM naudodami šias 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

Pastolių taikymas

Įdiegę Node.js, dabar galime pradėti nustatyti paketus, kurių mums reikės, naudodami NPM. Naudosime patogų nedidelį įrankį pavadinimu create-nuxt-app, bendruomenės sukurtą įrankį, kuris gali lengvai sukurti Nuxt.js programas.

Savo namų kataloge paleiskite šią komandą, kad pradėtumėte programos generavimą.

npx create-nuxt-app <nameofproject>

Konsolė paragins keletą svarbių parinkčių. Šios pamokos sumetimais savo projektą pavadinsime „ app“. Mes naudosime „Express“ kaip savo pasirinktinę serverio sistemą, o programą paleisime universaliu režimu, o tai užtikrina, kad mūsų svetainė bus pateikta serveryje. Kai nurodysite visus reikiamus leidimus, prasidės diegimo procesas ir bus sukurti visi konfigūracijos failai.

Pradinė pradžia

Kai viskas bus atsisiųsta, pakeiskite katalogus į ką tik sukurtą aplanką.

cd app

Dabar galime paleisti Nuxt.js kūrimo serverį.

npm run dev

Ši komanda sukurs svetainę naudojant žiniatinklio paketą, kuris yra modulių rinktuvas, ir aptarnaus svetainę vietinio prieglobos prievade, kuris paprastai bus prievadas 3000. Tai taip pat suteiks prieigą prie karšto perkrovimo modulių, todėl nebereikės iš naujo paleisti programos kiekvieną kartą pakeitus failą. Kadangi mes naudojame programą universaliu režimu, programa bus kompiliuojama ir kliente, ir serveryje. Dabar jūsų programa veiks prievade 3000.

Pastatas gamybai

Kūrimo režimas yra gana naudingas, kai aktyviai kuriate savo programą. Tačiau, kai esate pasirengęs padaryti savo programą viešą, priedai, tokie kaip greitas įkėlimas ir kūrėjo įrankiai, tampa mažiau svarbūs. Štai kodėl mes norėsime vieną kartą sukurti savo programą gamybos aplinkai. Laimei, Nuxt.js apima įrankį, kurį galime naudoti norėdami greitai sukurti savo programos modulius gamybai. Vykdykite toliau nurodytus veiksmus, kad pradėtumėte gamybos kūrimo procesą.

npm run build

Iš esmės tai, ką mes darome, yra kompiliuojame visus savo žiniatinklio paketo modulius su optimizavimu gamybai.

Kai kūrimas bus baigtas, galėsite paleisti svetainę gamybai.

npm start

Dabar, jei naršysite į http://yourip:3000, pamatysite Nuxt.js paleidimo ekraną, patvirtinantį, kad dirbate gamybos režimu.

PM2: lengvai valdykite programą

Dabar suprantame gamybos programos paleidimo pagrindus. Kalbant apie gamybinę aplinką, norėtume, kad programa veiktų amžinai, prireikus automatiškai iš naujo paleistų programą ir stebėtų programos išteklius. Čia atsiranda Process Manager 2 (PM2). PM2 yra Node.js procesų tvarkyklė, skirta gamybos programoms, kuri apima daug svarbių gamybos įrankių, tokių kaip apkrovos balansavimas, išplėstiniai žurnalai, paleisties scenarijai ir daug daugiau. Pirmiausia įdiekite PM2.

npm install pm2 -g

Tai įdiegia PM2 visame pasaulyje, todėl galime jį naudoti bet kurioje savo serverio vietoje. Kai PM2 baigs atsisiųsti, galime paleisti programą.

pm2 start <appfolder>/server/index.js

Atminkite, kad paleidžiame serverio failą, esantį mūsų programos šaknyje.

Jei norite peržiūrėti išteklius, kuriuos naudoja jūsų programa, galite tai padaryti naudodami pm2 monitkomandą. Tai parodys sąsają, panašią į ncurses, kurioje galėsite tiksliai rinkti duomenis apie programos RAM, procesoriaus ir disko naudojimą.

Iki šiol jūsų programa veiks tiksliai taip, kaip buvo, kai anksčiau ją paleidome naudodami npm, išskyrus tai, kad dabar turime daug daugiau galimybių valdyti gamybos optimizavimą.

Dabar turite Nuxt.js programos versiją, kuri yra įdiegta gamybai naudojant Node.js ir Ubuntu 18.04. Jei norite sužinoti daugiau apie „Nuxt“ ir visas jo išsamias funkcijas, nedvejodami apsilankykite oficialioje jų dokumentacijoje .