Settu upp Nuxt.js vefforrit á Ubuntu 18.04 LTS

Nuxt.js: The Universal Framework

Nuxt.js er JavaScript rammi hannaður til að búa til alhliða Vue.js forrit á fljótlegan hátt. Það er frægasta fyrir getu sína til að búa til Vue.js öpp sem hægt er að birta á þjóninum sem og viðskiptavininum. Í þessari kennslu munum við setja upp Nuxt.js forrit sem er framleitt á netþjóni og setja það á Ubuntu 18.04 LTS.

Setur upp Node.js

Fyrst þarftu að ganga úr skugga um að þú sért að keyra Ubuntu 18.04 LTS. Þá þarftu að setja upp Node.js, ef það er ekki þegar uppsett. Í þessari kennslu munum við nota Node Version Manager, eða NVM, til að gera þetta ferli miklu auðveldara.

Settu upp NVM með því að nota eftirfarandi skipanir.

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

Umsókn um vinnupalla

Þegar þú hefur sett upp Node.js getum við nú haldið áfram að setja upp pakkana sem við þurfum með NPM. Við munum nota handhægt lítið tól sem heitir create-nuxt-app, samfélagsgert tól sem getur auðveldlega búið til Nuxt.js forrit.

Í heimaskránni þinni skaltu keyra eftirfarandi skipun til að hefja forritagerð.

npx create-nuxt-app <nameofproject>

Stjórnborðið mun biðja þig um nokkra mikilvæga valkosti. Í þágu þessarar kennslu munum við nefna verkefnið okkar " app". Við munum nota Express sem sérsniðna netþjónaramma okkar og við munum keyra forritið í alhliða ham, sem tryggir að við munum birta vefsíðu okkar á netþjóninum. Þegar þú hefur tilgreint allar nauðsynlegar heimildir mun uppsetningarferlið hefjast og allar stillingarskrár verða búnar til.

Upphafleg byrjun

Þegar allt hefur verið hlaðið niður skaltu breyta möppum í möppuna sem þú bjóst til.

cd app

Nú getum við ræst Nuxt.js þróunarþjóninn.

npm run dev

Þessi skipun mun byggja upp síðuna með því að nota webpack, sem er einingabúnt, og þjóna síðunni á localhost tengi, sem venjulega mun vera port 3000. Það mun einnig veita þér aðgang að heitum endurhleðslueiningum, sem mun fjarlægja þörfina á að endurræsa forritið í hvert skipti sem þú breytir skrá. Þar sem við erum að keyra appið í alhliða ham mun appið safna saman á bæði biðlara og þjóninn. Nú mun forritið þitt keyra á höfn 3000.

Bygging til framleiðslu

Þróunarhamur er mjög gagnlegur þegar þú ert virkur að þróa forritið þitt. Hins vegar, þegar þú ert tilbúinn til að gera forritið þitt opinbert, verða viðbætur eins og heitendurhleðsla og þróunarverkfæri minna mikilvæg. Þess vegna munum við vilja byggja forritið okkar einu sinni, fyrir framleiðsluumhverfi. Sem betur fer inniheldur Nuxt.js tól sem við getum notað til að smíða fljótt einingar appsins okkar til framleiðslu. Keyrðu eftirfarandi til að hefja framleiðsluferlið.

npm run build

Í meginatriðum, það sem við erum að gera hér er að við erum að setja saman allar vefpakkaeiningar okkar, með hagræðingu fyrir framleiðslu.

Þegar smíði er lokið muntu geta keyrt síðuna til framleiðslu.

npm start

Nú, ef þú ferð að http://yourip:3000, muntu sjá Nuxt.js splash screen, sem staðfestir að þú sért að keyra í framleiðsluham.

PM2: Stjórnaðu forritinu þínu á auðveldan hátt

Nú skiljum við grunnatriði þess að keyra forritið okkar fyrir framleiðslu. Hvað varðar framleiðsluumhverfi, viljum við frekar góða leið til að halda forritinu okkar í gangi að eilífu, endurræsa forritið okkar sjálfkrafa þegar þörf krefur og fylgjast með tilföngum forritsins okkar. Það er þar sem Process Manager 2 (PM2) kemur inn. PM2 er Node.js vinnslustjóri fyrir framleiðsluforrit, sem inniheldur mörg mikilvæg framleiðslutæki eins og álagsjafnvægi, háþróaða annála, gangsetningarforskriftir og margt fleira. Fyrst skaltu setja upp PM2.

npm install pm2 -g

Þetta setur PM2 upp á heimsvísu svo við getum notað það hvar sem er á netþjóninum okkar. Þegar PM2 hefur lokið niðurhali getum við ræst forritið okkar.

pm2 start <appfolder>/server/index.js

Athugaðu að við erum að ræsa miðlaraskrána sem er staðsett inni í forritarótinni okkar.

Ef þú vilt skoða auðlindirnar sem forritið þitt eyðir geturðu gert það með pm2 monitskipuninni. Þetta mun koma upp svipuðu viðmóti og ncurses, þar sem þú getur nákvæmlega safnað gögnum um vinnsluminni, örgjörva og disknotkun forritsins þíns.

Núna mun forritið þitt keyra nákvæmlega eins og það var þegar við keyrðum það með npm áðan, nema núna höfum við miklu meiri stjórn þegar kemur að framleiðsluhagræðingu.

Þú ert nú með Nuxt.js forritasmíðar sem er notaður til framleiðslu með Node.js og Ubuntu 18.04. Ef þú vilt læra meira um Nuxt og alla ítarlega eiginleika þess skaltu ekki hika við að skoða opinber skjöl þeirra .