Vendosni një aplikacion ueb Nuxt.js në Ubuntu 18.04 LTS

Nuxt.js: Korniza Universale

Nuxt.js është një kornizë JavaScript e krijuar për krijimin e shpejtë të aplikacioneve universale Vue.js. Është më e famshmja për aftësinë e saj për të krijuar aplikacione Vue.js që mund të jepen në server si dhe në klient. Në këtë tutorial, ne do të konfigurojmë një aplikacion Nuxt.js të dhënë nga serveri dhe do ta vendosim atë në Ubuntu 18.04 LTS.

Instalimi i Node.js

Së pari, do t'ju duhet të siguroheni që po ekzekutoni Ubuntu 18.04 LTS. Pastaj, do t'ju duhet të instaloni Node.js, nëse nuk është instaluar tashmë. Në këtë tutorial, ne do të përdorim Menaxherin e Versionit të Node, ose NVM, për ta bërë këtë proces shumë më të lehtë.

Instaloni NVM duke përdorur komandat e mëposhtme.

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

Aplikimi i Skeles

Pasi të keni instaluar Node.js, tani mund të vazhdojmë me konfigurimin e paketave që do të na duhen duke përdorur NPM. Ne do të përdorim një mjet të vogël të dobishëm të quajtur create-nuxt-app, një mjet i krijuar nga komuniteti i cili mund të krijojë lehtësisht aplikacione Nuxt.js.

Në direktorinë tuaj kryesore, ekzekutoni komandën e mëposhtme për të filluar gjenerimin e aplikacionit.

npx create-nuxt-app <nameofproject>

Konsola do t'ju kërkojë disa opsione të rëndësishme. Për hir të këtij tutoriali, ne do ta emërtojmë projektin tonë " app". Ne do të përdorim Express si kornizën tonë të personalizuar të serverit dhe do ta ekzekutojmë aplikacionin në modalitetin universal, i cili siguron që ne do të japim faqen tonë të internetit në server. Kur të keni specifikuar të gjitha lejet e kërkuara, do të fillojë procesi i instalimit dhe do të krijohen të gjithë skedarët e konfigurimit.

Fillimi fillestar

Pasi të jetë shkarkuar gjithçka, ndryshoni drejtoritë në dosjen që sapo keni krijuar.

cd app

Tani mund të nisim serverin e zhvillimit Nuxt.js.

npm run dev

Kjo komandë do të ndërtojë sitin duke përdorur uebpack, i cili është një grup modulesh, dhe do ta shërbejë sitin në një port lokal host, i cili në përgjithësi do të jetë port 3000. Ai gjithashtu do t'ju japë akses në modulet e ringarkimit të nxehtë, të cilat do të heqin nevojën për të rifilluar aplikacionin sa herë që ndryshoni një skedar. Meqenëse po e ekzekutojmë aplikacionin në modalitetin universal, aplikacioni do të kompilohet si në klient ashtu edhe në server. Tani aplikacioni juaj do të funksionojë në port 3000.

Ndërtesa për Prodhim

Modaliteti i zhvillimit është mjaft i dobishëm kur jeni duke zhvilluar në mënyrë aktive aplikacionin tuaj. Sidoqoftë, kur jeni gati ta bëni aplikacionin tuaj publik, shtesat si rifreskimi i nxehtë dhe mjetet e zhvilluesit bëhen më pak të rëndësishme. Kjo është arsyeja pse ne do të dëshirojmë të ndërtojmë aplikacionin tonë një herë, për një mjedis prodhimi. Fatmirësisht, Nuxt.js përfshin një mjet që mund ta përdorim për të ndërtuar shpejt modulet e aplikacionit tonë për prodhim. Kryeni sa vijon për të filluar procesin e ndërtimit të prodhimit.

npm run build

Në thelb, ajo që ne po bëjmë këtu është që po përpilojmë të gjitha modulet tona të paketës së internetit, me optimizime për prodhim.

Pasi të përfundojë ndërtimi, do të jeni në gjendje të drejtoni sitin për prodhim.

npm start

Tani, nëse lundroni te http://yourip:3000, do të shihni ekranin spërkatës të Nuxt.js, i cili konfirmon se jeni duke punuar në modalitetin e prodhimit.

PM2: Menaxhoni aplikacionin tuaj me lehtësi

Tani ne kuptojmë bazat e ekzekutimit të aplikacionit tonë për prodhim. Për sa i përket një mjedisi prodhimi, ne do të preferonim një mënyrë të mirë për ta mbajtur aplikacionin tonë të funksionojë përgjithmonë, për të rifilluar automatikisht aplikacionin tonë kur është e nevojshme dhe për të monitoruar burimet e aplikacionit tonë. Këtu hyn Process Manager 2 (PM2). PM2 është një menaxher procesi Node.js për aplikacionet e prodhimit, i cili përfshin shumë mjete të rëndësishme të prodhimit, si balancimi i ngarkesës, regjistrat e avancuar, skriptet e fillimit dhe shumë më tepër. Së pari, instaloni PM2.

npm install pm2 -g

Kjo instalon PM2 globalisht, kështu që ne mund ta përdorim atë kudo në serverin tonë. Pasi të ketë përfunduar shkarkimi i PM2, ne mund të nisim aplikacionin tonë.

pm2 start <appfolder>/server/index.js

Vini re se ne po fillojmë skedarin e serverit që ndodhet brenda rrënjës së aplikacionit tonë.

Nëse dëshironi të shikoni burimet që po konsumon aplikacioni juaj, mund ta bëni këtë me pm2 monitkomandën. Kjo do të sjellë një ndërfaqe të ngjashme me atë të ncurses, ku mund të mblidhni saktësisht të dhëna për përdorimin e RAM-it, CPU-së dhe diskut të aplikacionit tuaj.

Deri tani, aplikacioni juaj do të funksionojë saktësisht siç ishte kur e ekzekutuam me npm më herët, përveç se tani kemi shumë më tepër kontroll kur bëhet fjalë për optimizimet e prodhimit.

Tani keni një ndërtim të aplikacionit Nuxt.js që është vendosur për prodhim me Node.js dhe Ubuntu 18.04. Nëse dëshironi të mësoni më shumë rreth Nuxt, dhe të gjitha veçoritë e tij të thella, mos ngurroni të vizitoni dokumentacionin e tyre zyrtar .


Instaloni Plesk në CentOS 7

Instaloni Plesk në CentOS 7

Përdorimi i një sistemi të ndryshëm? Plesk është një panel kontrolli i pronarit të hostit në internet që lejon përdoruesit të administrojnë faqet e tyre të internetit personale dhe/ose të klientëve, bazat e të dhënave

Instaloni Lets Encrypt SSL në aplikacionin WordPress me një klik

Instaloni Lets Encrypt SSL në aplikacionin WordPress me një klik

Hyrje Lets Encrypt është një shërbim i autoritetit certifikues që ofron certifikata falas TLS/SSL. Procesi i instalimit është thjeshtuar nga Certbot,

Si të instaloni dhe konfiguroni PHP 7.0 ose PHP 7.1 në Ubuntu 16.04

Si të instaloni dhe konfiguroni PHP 7.0 ose PHP 7.1 në Ubuntu 16.04

PHP dhe paketat e lidhura me to janë komponentët më të përdorur gjatë vendosjes së një serveri në internet. Në këtë artikull, ne do të mësojmë se si të konfigurojmë PHP 7.0 ose PHP 7.1 o

Si të instaloni Lighttpd (LLMP Stack) në CentOS 6

Si të instaloni Lighttpd (LLMP Stack) në CentOS 6

Hyrje Lighttpd është një fork i Apache që synon të jetë shumë më pak intensiv me burime. Është i lehtë, prandaj emri i tij, dhe është mjaft i thjeshtë për t'u përdorur. Instaloni

Tre panele kontrolli të serverit falas (Instalim i shpejtë)

Tre panele kontrolli të serverit falas (Instalim i shpejtë)

1. Virtualmin/Webmin Virtualmin është një panel kontrolli i fuqishëm dhe fleksibël i hostimit në internet për sistemet Linux dhe UNIX i bazuar në bazën e mirënjohur të internetit me burim të hapur.

Vendosja e një aplikacioni Yii në Ubuntu 14.04

Vendosja e një aplikacioni Yii në Ubuntu 14.04

Yii është një kornizë PHP që ju lejon të zhvilloni aplikacione më shpejt dhe më lehtë. Instalimi i Yii në Ubuntu është i thjeshtë, siç do të mësoni saktësisht

Përdorimi i ekranit në Ubuntu 14.04

Përdorimi i ekranit në Ubuntu 14.04

Screen është një aplikacion që lejon përdorimin e shumëfishtë të sesioneve të terminalit brenda një dritareje. Kjo ju lejon të simuloni dritare të shumta terminale ku është ma

Konfiguro serverin tuaj DNS në Debian/Ubuntu

Konfiguro serverin tuaj DNS në Debian/Ubuntu

Ky tutorial shpjegon se si të konfiguroni një server DNS duke përdorur Bind9 në Debian ose Ubuntu. Gjatë gjithë artikullit, zëvendësoni emrin e domain-it tuaj në përputhje me rrethanat. Në

Përdorimi i Logrotate për të menaxhuar skedarët e regjistrave

Përdorimi i Logrotate për të menaxhuar skedarët e regjistrave

Hyrje Logrotate është një mjet Linux që thjeshton administrimin e skedarëve të regjistrit. Zakonisht funksionon një herë në ditë përmes një pune cron dhe menaxhon bazën e regjistrave

Konfigurimi i rrjeteve statike dhe IPv6 në CentOS 7

Konfigurimi i rrjeteve statike dhe IPv6 në CentOS 7

VULTR kohët e fundit ka bërë ndryshime në fund të tyre dhe gjithçka duhet të funksionojë mirë tani me NetworkManager të aktivizuar. Nëse dëshironi të çaktivizoni

Modifikimi i Icinga2 për të përdorur Modelin Master/Klient në CentOS 6 ose CentOS 7

Modifikimi i Icinga2 për të përdorur Modelin Master/Klient në CentOS 6 ose CentOS 7

Icinga2 është një sistem i fuqishëm monitorimi dhe kur përdoret në një model master-klient, ai mund të zëvendësojë nevojën për kontrolle monitorimi të bazuara në NRPE. Master-klien

Përpiloni dhe instaloni Nginx me Modulin e PageSpeed ​​në Debian 8

Përpiloni dhe instaloni Nginx me Modulin e PageSpeed ​​në Debian 8

Në këtë artikull, ne do të shohim se si të përpiloni dhe instaloni Nginx mainline nga burimet zyrtare të Nginx me modulin PageSpeed, i cili ju lejon t

Si të instaloni Gitea në Debian 9

Si të instaloni Gitea në Debian 9

Përdorimi i një sistemi të ndryshëm? Gitea është një sistem alternativ i kontrollit të versionit me burim të hapur, i vetë-pritur, i mundësuar nga Git. Gitea është shkruar në Golang dhe është

Si të instaloni Gitea në Ubuntu 18.04

Si të instaloni Gitea në Ubuntu 18.04

Përdorimi i një sistemi të ndryshëm? Gitea është një sistem alternativ i kontrollit të versionit me burim të hapur, i vetë-pritur, i mundësuar nga git. Gitea është shkruar në Golang dhe është

Si të instaloni MODX Revolution në një FreeBSD 11 FAMP VPS

Si të instaloni MODX Revolution në një FreeBSD 11 FAMP VPS

Përdorimi i një sistemi të ndryshëm? MODX Revolution është një Sistem i Menaxhimit të Përmbajtjes (CMS) i shpejtë, fleksibël, i shkallëzuar, me burim të hapur, i shkallës së ndërmarrjes, i shkruar në PHP. Ajo i

Instalimi i Docker CE në Ubuntu 16.04

Instalimi i Docker CE në Ubuntu 16.04

Përdorimi i një sistemi të ndryshëm? Docker është një aplikacion që lejon vendosjen e programeve që ekzekutohen si kontejnerë. Ishte shkruar në programin popullor Go

Si të instaloni Golang 1.8.3 në CentOS 7, Ubuntu 16.04 dhe Debian 9

Si të instaloni Golang 1.8.3 në CentOS 7, Ubuntu 16.04 dhe Debian 9

Golang është një gjuhë programimi e zhvilluar nga Google. Falë shkathtësisë, thjeshtësisë dhe besueshmërisë së tij, Golang është bërë një nga më të populluarit

Përmirësimi i shfrytëzimit të lopës së pistë në CentOS

Përmirësimi i shfrytëzimit të lopës së pistë në CentOS

Çfarë është Lopa e Pistë (CVE-2016-5195)? Dobësia e Dirty Cow shfrytëzohet përmes mënyrës se si Linux përpunon kodin. Ai lejon që një përdorues i paprivilegjuar të gai

Konfiguro një përdorues jo-rrënjë me Sudo Access në Ubuntu

Konfiguro një përdorues jo-rrënjë me Sudo Access në Ubuntu

Të kesh vetëm një përdorues, i cili është root, mund të jetë i rrezikshëm. Pra, le ta rregullojmë atë. Vultr na ofron lirinë për të bërë si të duam me përdoruesit dhe serverët tanë

Rivendosni fjalëkalimin rrënjësor MySQL në Debian/Ubuntu

Rivendosni fjalëkalimin rrënjësor MySQL në Debian/Ubuntu

Nëse e keni harruar fjalëkalimin tuaj rrënjësor MySQL, mund ta rivendosni atë duke ndjekur hapat në këtë artikull. Procesi është mjaft i thjeshtë dhe funksionon në to

Ngritja e makinave: Aplikimet në botën reale të AI

Ngritja e makinave: Aplikimet në botën reale të AI

Inteligjenca Artificiale nuk është në të ardhmen, është këtu në të tashmen Në këtë blog Lexoni se si aplikacionet e inteligjencës artificiale kanë ndikuar në sektorë të ndryshëm.

Sulmet DDOS: Një përmbledhje e shkurtër

Sulmet DDOS: Një përmbledhje e shkurtër

A jeni edhe ju viktimë e Sulmeve DDOS dhe jeni konfuz në lidhje me metodat e parandalimit? Lexoni këtë artikull për të zgjidhur pyetjet tuaja.

A e keni pyetur ndonjëherë veten se si fitojnë para hakerët?

A e keni pyetur ndonjëherë veten se si fitojnë para hakerët?

Ju mund të keni dëgjuar se hakerët fitojnë shumë para, por a keni menduar ndonjëherë se si i fitojnë ato para? Le te diskutojme.

Shpikjet revolucionare nga Google që do tju bëjnë të lehtë jetën tuaj.

Shpikjet revolucionare nga Google që do tju bëjnë të lehtë jetën tuaj.

Dëshironi të shihni shpikjet revolucionare nga Google dhe se si këto shpikje ndryshuan jetën e çdo njeriu sot? Më pas lexoni në blog për të parë shpikjet nga Google.

E Premte Thelbësore: Çfarë ndodhi me Makinat e drejtuara nga AI?

E Premte Thelbësore: Çfarë ndodhi me Makinat e drejtuara nga AI?

Koncepti i makinave vetë-drejtuese për të dalë në rrugë me ndihmën e inteligjencës artificiale është një ëndërr që e kemi prej kohësh. Por, pavarësisht nga disa premtime, ato nuk shihen askund. Lexoni këtë blog për të mësuar më shumë…

Singulariteti teknologjik: Një e ardhme e largët e qytetërimit njerëzor?

Singulariteti teknologjik: Një e ardhme e largët e qytetërimit njerëzor?

Ndërsa Shkenca evoluon me një ritëm të shpejtë, duke marrë përsipër shumë nga përpjekjet tona, rriten edhe rreziqet për t'iu nënshtruar një Singulariteti të pashpjegueshëm. Lexoni, çfarë mund të thotë singulariteti për ne.

Evolucioni i ruajtjes së të dhënave - Infografik

Evolucioni i ruajtjes së të dhënave - Infografik

Metodat e ruajtjes së të dhënave kanë evoluar mund të jenë që nga lindja e të dhënave. Ky blog mbulon evolucionin e ruajtjes së të dhënave në bazë të një infografike.

Funksionalitetet e shtresave të arkitekturës së referencës së të dhënave të mëdha

Funksionalitetet e shtresave të arkitekturës së referencës së të dhënave të mëdha

Lexoni blogun për të njohur shtresat e ndryshme në arkitekturën e të dhënave të mëdha dhe funksionalitetet e tyre në mënyrën më të thjeshtë.

6 Përfitimet e mahnitshme të të pasurit pajisje shtëpiake inteligjente në jetën tonë

6 Përfitimet e mahnitshme të të pasurit pajisje shtëpiake inteligjente në jetën tonë

Në këtë botë të drejtuar nga dixhitali, pajisjet inteligjente të shtëpisë janë bërë një pjesë thelbësore e jetës. Këtu janë disa përfitime të mahnitshme të pajisjeve shtëpiake inteligjente se si ato e bëjnë jetën tonë të vlefshme dhe më të thjeshtë.

Përditësimi shtesë i macOS Catalina 10.15.4 po shkakton më shumë probleme sesa zgjidhja

Përditësimi shtesë i macOS Catalina 10.15.4 po shkakton më shumë probleme sesa zgjidhja

Së fundmi Apple lëshoi ​​macOS Catalina 10.15.4 një përditësim shtesë për të rregulluar problemet, por duket se përditësimi po shkakton më shumë probleme që çojnë në bricking të makinerive mac. Lexoni këtë artikull për të mësuar më shumë