Nastavte webovú aplikáciu Nuxt.js na Ubuntu 18.04 LTS

Nuxt.js: Univerzálny rámec

Nuxt.js je JavaScript framework určený na rýchle vytváranie univerzálnych Vue.js aplikácií. Je najznámejší svojou schopnosťou vytvárať aplikácie Vue.js, ktoré je možné vykresliť na serveri aj na klientovi. V tomto návode nastavíme serverom vykreslenú aplikáciu Nuxt.js a nasadíme ju na Ubuntu 18.04 LTS.

Inštalácia Node.js

Najprv sa budete musieť uistiť, že používate Ubuntu 18.04 LTS. Potom budete musieť nainštalovať Node.js, ak ešte nie je nainštalovaný. V tomto návode použijeme Správcu verzií uzla alebo NVM, aby sme tento proces výrazne zjednodušili.

Nainštalujte NVM pomocou nasledujúcich príkazov.

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

Aplikácia lešenia

Po nainštalovaní Node.js môžeme pristúpiť k nastaveniu balíkov, ktoré budeme potrebovať pomocou NPM. Budeme používať malý šikovný nástroj s názvom create-nuxt-app, nástroj vytvorený komunitou, ktorý dokáže jednoducho vytvárať aplikácie Nuxt.js.

Vo svojom domovskom adresári spustite nasledujúci príkaz a spustite generovanie aplikácie.

npx create-nuxt-app <nameofproject>

Konzola vás vyzve na niekoľko dôležitých možností. V záujme tohto tutoriálu pomenujeme náš projekt " app". Ako vlastný serverový framework použijeme Express a aplikáciu spustíme v univerzálnom režime, čo zaisťuje, že našu webstránku vykreslíme na serveri. Po zadaní všetkých požadovaných povolení sa spustí proces inštalácie a vytvoria sa všetky konfiguračné súbory.

Počiatočný štart

Keď sa všetko stiahne, zmeňte adresáre do priečinka, ktorý ste práve vytvorili.

cd app

Teraz môžeme spustiť vývojový server Nuxt.js.

npm run dev

Tento príkaz vytvorí stránku pomocou webpacku, čo je balík modulov, a obsluhuje stránku na porte localhost, ktorým bude vo všeobecnosti port 3000. Poskytne vám tiež prístup k modulom rýchleho opätovného načítania, čím sa odstráni potreba reštartovať aplikáciu pri každej zmene súboru. Keďže aplikáciu spúšťame v univerzálnom režime, aplikácia sa skompiluje na klientovi aj na serveri. Teraz bude vaša aplikácia bežať na porte 3000.

Budova na výrobu

Vývojový režim je celkom užitočný, keď aktívne vyvíjate svoju aplikáciu. Keď ste však pripravení zverejniť svoju aplikáciu, doplnky, ako napríklad rýchle opätovné načítanie a vývojárske nástroje, sa stanú menej dôležitými. To je dôvod, prečo budeme chcieť vytvoriť našu aplikáciu raz, pre produkčné prostredie. Našťastie Nuxt.js obsahuje nástroj, ktorý môžeme použiť na rýchle zostavenie modulov našej aplikácie na výrobu. Ak chcete spustiť proces zostavovania produkcie, spustite nasledujúce.

npm run build

V podstate tu robíme, že kompilujeme všetky naše moduly webpack s optimalizáciami pre produkciu.

Po dokončení zostavovania budete môcť spustiť stránku na výrobu.

npm start

Ak teraz prejdete na http://yourip:3000, uvidíte úvodnú obrazovku Nuxt.js, ktorá potvrdzuje, že používate produkčný režim.

PM2: Spravujte svoju aplikáciu jednoducho

Teraz rozumieme základom spustenia našej aplikácie pre produkciu. Z hľadiska produkčného prostredia by sme uprednostnili dobrý spôsob, ako udržať našu aplikáciu v prevádzke navždy, v prípade potreby automaticky reštartovať našu aplikáciu a monitorovať zdroje našej aplikácie. Tu prichádza na scénu Process Manager 2 (PM2). PM2 je správca procesov Node.js pre produkčné aplikácie, ktorý zahŕňa mnoho dôležitých produkčných nástrojov, ako je vyrovnávanie záťaže, pokročilé protokoly, spúšťacie skripty a mnoho ďalšieho. Najprv nainštalujte PM2.

npm install pm2 -g

Toto nainštaluje PM2 globálne, takže ho môžeme použiť kdekoľvek na našom serveri. Po dokončení sťahovania PM2 môžeme spustiť našu aplikáciu.

pm2 start <appfolder>/server/index.js

Všimnite si, že spúšťame súbor servera, ktorý sa nachádza v koreňovom adresári našej aplikácie.

Ak chcete zobraziť zdroje, ktoré vaša aplikácia spotrebováva, môžete tak urobiť pomocou pm2 monitpríkazu. Tým sa otvorí rozhranie podobné ncurses, kde môžete presne zhromažďovať údaje o RAM, CPU a disku vašej aplikácie.

Teraz bude vaša aplikácia bežať presne tak, ako keď sme ju spustili predtým s npm, až na to, že teraz máme oveľa väčšiu kontrolu, pokiaľ ide o optimalizáciu výroby.

Teraz máte zostavu aplikácie Nuxt.js, ktorá je nasadená na produkciu s Node.js a Ubuntu 18.04. Ak by ste sa chceli dozvedieť viac o Nuxte a všetkých jeho podrobných funkciách, pokojne navštívte ich oficiálnu dokumentáciu .


Install Plesk on CentOS 7

Install Plesk on CentOS 7

Using a Different System? Plesk is a proprietary web host control panel that allows users to administer their personal and/or clients websites, databases

Install Lets Encrypt SSL on One-Click WordPress App

Install Lets Encrypt SSL on One-Click WordPress App

Introduction Lets Encrypt is a certificate authority service that offers free TLS/SSL certificates. The process of installation is simplified by Certbot,

Ako nastaviť klasický server Tekkit na Ubuntu 16.10

Ako nastaviť klasický server Tekkit na Ubuntu 16.10

Používate iný systém? Čo je Tekkit Classic? Tekkit Classic je modpack pre hru, ktorú každý pozná a miluje; Minecraft. Obsahuje niektoré z ver

Creating a Jekyll Blog on Ubuntu 16.04

Creating a Jekyll Blog on Ubuntu 16.04

Using a Different System? Jekyll is a great alternative to WordPress for blogging or sharing content. It doesnt require any databases and it is very easy i

Ako nastaviť bezobslužné aktualizácie na Debian 9 (Stretch)

Ako nastaviť bezobslužné aktualizácie na Debian 9 (Stretch)

Používate iný systém? Ak si zakúpite server Debian, mali by ste mať vždy najnovšie bezpečnostné záplaty a aktualizácie, či už spíte alebo nie

Ako nainštalovať a nakonfigurovať PHP 7.0 alebo PHP 7.1 na Ubuntu 16.04

Ako nainštalovať a nakonfigurovať PHP 7.0 alebo PHP 7.1 na Ubuntu 16.04

PHP a súvisiace balíky sú najčastejšie používané komponenty pri nasadzovaní webového servera. V tomto článku sa naučíme, ako nastaviť PHP 7.0 alebo PHP 7.1 o

Ako nainštalovať Squid Proxy na CentOS

Ako nainštalovať Squid Proxy na CentOS

Squid je populárny bezplatný linuxový program, ktorý vám umožňuje vytvoriť webový proxy server na presmerovanie. V tejto príručke uvidíte, ako nainštalovať Squid na CentOS, aby vás zmenil

Ako nainštalovať Lighttpd (LLMP Stack) na CentOS 6

Ako nainštalovať Lighttpd (LLMP Stack) na CentOS 6

Úvod Lighttpd je fork Apache, ktorého cieľom je byť oveľa menej náročný na zdroje. Je ľahký, odtiaľ jeho názov, a jeho použitie je celkom jednoduché. Installin

Tri bezplatné ovládacie panely servera (rýchla inštalácia)

Tri bezplatné ovládacie panely servera (rýchla inštalácia)

1. Virtualmin/Webmin Virtualmin je výkonný a flexibilný ovládací panel webhostingu pre systémy Linux a UNIX založený na známej webovej základni Open Source

Nastavenie aplikácie Yii na Ubuntu 14.04

Nastavenie aplikácie Yii na Ubuntu 14.04

Yii je rámec PHP, ktorý vám umožňuje rýchlejšie a jednoduchšie vyvíjať aplikácie. Inštalácia Yii na Ubuntu je jednoduchá, ako sa presne dozviete

Používanie obrazovky na Ubuntu 14.04

Používanie obrazovky na Ubuntu 14.04

Screen je aplikácia, ktorá umožňuje viacnásobné použitie terminálových relácií v rámci jedného okna. To vám umožňuje simulovať viacero okien terminálu, kde je to možné

Nastavte si svoj vlastný DNS server na Debian/Ubuntu

Nastavte si svoj vlastný DNS server na Debian/Ubuntu

Tento tutoriál vysvetľuje, ako nastaviť server DNS pomocou Bind9 na Debiane alebo Ubuntu. V celom článku podľa toho nahraďte názov vašej-domény.com. Pri th

Používanie Logrotate na správu protokolových súborov

Používanie Logrotate na správu protokolových súborov

Úvod Logrotate je nástroj pre Linux, ktorý zjednodušuje správu protokolových súborov. Zvyčajne beží raz denne prostredníctvom úlohy cron a spravuje základňu protokolov

Konfigurácia statickej siete a IPv6 na CentOS 7

Konfigurácia statickej siete a IPv6 na CentOS 7

VULTR nedávno vykonal zmeny na ich konci a všetko by teraz malo fungovať dobre po vybalení so zapnutým NetworkManagerom. Ak chcete deaktivovať

Úprava Icinga2 na použitie modelu Master/Client na CentOS 6 alebo CentOS 7

Úprava Icinga2 na použitie modelu Master/Client na CentOS 6 alebo CentOS 7

Icinga2 je výkonný monitorovací systém a pri použití v modeli master-client môže nahradiť potrebu monitorovacích kontrol založených na NRPE. Hlavný klient

Nastavte Red5 Media Server na Ubuntu 16.04

Nastavte Red5 Media Server na Ubuntu 16.04

Používate iný systém? Red5 je mediálny server s otvoreným zdrojom implementovaný v jazyku Java, ktorý vám umožňuje spúšťať aplikácie Flash pre viacerých používateľov, ako napríklad živé vysielanie

Ako nainštalovať Apache Cassandra 3.11.x na Ubuntu 16.04 LTS

Ako nainštalovať Apache Cassandra 3.11.x na Ubuntu 16.04 LTS

Používate iný systém? Apache Cassandra je bezplatný a otvorený systém správy databáz NoSQL, ktorý je navrhnutý tak, aby poskytoval škálovateľnosť, vysokú

Ako nainštalovať Vanilla Forum na Ubuntu 16.04

Ako nainštalovať Vanilla Forum na Ubuntu 16.04

Používate iný systém? Vanilla forum je open source aplikácia fóra napísaná v PHP. Je plne prispôsobiteľný, ľahko použiteľný a podporuje externé

Ako nainštalovať Kanboard na Ubuntu 18.04 LTS

Ako nainštalovať Kanboard na Ubuntu 18.04 LTS

Používate iný systém? Úvod Kanboard je bezplatný a otvorený softvérový program na riadenie projektov, ktorý je navrhnutý tak, aby uľahčil a vizualizoval

Ako nainštalovať Kanboard na Debian 9

Ako nainštalovať Kanboard na Debian 9

Používate iný systém? Úvod Kanboard je bezplatný a otvorený softvérový program na riadenie projektov, ktorý je navrhnutý tak, aby uľahčil a vizualizoval

The Rise of Machines: Real World Applications of AI

The Rise of Machines: Real World Applications of AI

Umelá inteligencia nie je v budúcnosti, je tu priamo v súčasnosti V tomto blogu si prečítajte, ako aplikácie umelej inteligencie ovplyvnili rôzne sektory.

Útoky DDOS: Stručný prehľad

Útoky DDOS: Stručný prehľad

Ste aj vy obeťou DDOS útokov a máte zmätok ohľadom metód prevencie? Ak chcete vyriešiť svoje otázky, prečítajte si tento článok.

Zaujímalo vás niekedy, ako hackeri zarábajú peniaze?

Zaujímalo vás niekedy, ako hackeri zarábajú peniaze?

Možno ste už počuli, že hackeri zarábajú veľa peňazí, ale premýšľali ste niekedy nad tým, ako môžu zarábať také peniaze? poďme diskutovať.

Revolučné vynálezy od spoločnosti Google, ktoré vám uľahčia život.

Revolučné vynálezy od spoločnosti Google, ktoré vám uľahčia život.

Chcete vidieť revolučné vynálezy od Google a ako tieto vynálezy zmenili život každého dnešného človeka? Potom si prečítajte na blogu a pozrite si vynálezy spoločnosti Google.

Piatok Essential: Čo sa stalo s autami poháňanými AI?

Piatok Essential: Čo sa stalo s autami poháňanými AI?

Koncept samoriadených áut vyraziť na cesty s pomocou umelej inteligencie je snom, ktorý máme už nejaký čas. Ale napriek niekoľkým prísľubom ich nikde nevidno. Prečítajte si tento blog a dozviete sa viac…

Technologická singularita: vzdialená budúcnosť ľudskej civilizácie?

Technologická singularita: vzdialená budúcnosť ľudskej civilizácie?

Ako sa veda vyvíja rýchlym tempom a preberá veľa nášho úsilia, zvyšuje sa aj riziko, že sa vystavíme nevysvetliteľnej singularite. Prečítajte si, čo pre nás môže znamenať singularita.

Vývoj ukladania dát – Infografika

Vývoj ukladania dát – Infografika

Spôsoby ukladania údajov sa môžu vyvíjať už od zrodu údajov. Tento blog sa zaoberá vývojom ukladania údajov na základe infografiky.

Funkcionality vrstiev referenčnej architektúry veľkých dát

Funkcionality vrstiev referenčnej architektúry veľkých dát

Prečítajte si blog, aby ste čo najjednoduchším spôsobom spoznali rôzne vrstvy architektúry veľkých dát a ich funkcie.

6 úžasných výhod toho, že máme v živote inteligentné domáce zariadenia

6 úžasných výhod toho, že máme v živote inteligentné domáce zariadenia

V tomto digitálnom svete sa inteligentné domáce zariadenia stali kľúčovou súčasťou života. Tu je niekoľko úžasných výhod inteligentných domácich zariadení o tom, ako robia náš život, ktorý stojí za to žiť, a ktorý zjednodušujú.

Aktualizácia doplnku macOS Catalina 10.15.4 spôsobuje viac problémov, ako ich rieši

Aktualizácia doplnku macOS Catalina 10.15.4 spôsobuje viac problémov, ako ich rieši

Spoločnosť Apple nedávno vydala doplnkovú aktualizáciu macOS Catalina 10.15.4 na opravu problémov, ale zdá sa, že táto aktualizácia spôsobuje ďalšie problémy, ktoré vedú k blokovaniu počítačov Mac. Prečítajte si tento článok a dozviete sa viac