Nastavte webovou aplikaci Nuxt.js na Ubuntu 18.04 LTS

Nuxt.js: Univerzální rámec

Nuxt.js je JavaScript framework určený pro rychlé vytváření univerzálních Vue.js aplikací. Nejznámější je jeho schopnost vytvářet aplikace Vue.js, které lze vykreslit na serveru i na klientovi. V tomto tutoriálu nastavíme serverem vykreslenou aplikaci Nuxt.js a nasadíme ji na Ubuntu 18.04 LTS.

Instalace Node.js

Nejprve se budete muset ujistit, že používáte Ubuntu 18.04 LTS. Poté budete muset nainstalovat Node.js, pokud již není nainstalován. V tomto tutoriálu využijeme Správce verzí uzlu neboli NVM, abychom tento proces výrazně zjednodušili.

Nainstalujte NVM pomocí následujících příkazů.

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

Aplikace na lešení

Jakmile máte nainstalovaný Node.js, můžeme nyní přejít k nastavení balíčků, které budeme potřebovat pomocí NPM. Budeme používat malý šikovný nástroj s názvem create-nuxt-app, komunitní nástroj, který může snadno vytvářet aplikace Nuxt.js.

Ve svém domovském adresáři spusťte následující příkaz a zahajte generování aplikace.

npx create-nuxt-app <nameofproject>

Konzole vás vyzve k několika důležitým možnostem. Pro účely tohoto tutoriálu pojmenujeme náš projekt " app". Jako náš vlastní serverový framework použijeme Express a aplikaci budeme provozovat v univerzálním režimu, který zajistí, že budeme naše webové stránky vykreslovat na serveru. Jakmile zadáte všechna požadovaná oprávnění, zahájí se proces instalace a vytvoří se všechny konfigurační soubory.

Počáteční start

Jakmile se vše stáhne, změňte adresáře do složky, kterou jste právě vytvořili.

cd app

Nyní můžeme spustit vývojový server Nuxt.js.

npm run dev

Tento příkaz vytvoří web pomocí webpacku, což je balíček modulů, a bude web obsluhovat na portu localhost, což bude obecně port 3000. Umožní vám také přístup k hot-reloading modulům, což odstraní nutnost restartovat aplikaci pokaždé, když změníte soubor. Protože aplikaci spouštíme v univerzálním režimu, aplikace se zkompiluje na klientovi i na serveru. Nyní bude vaše aplikace běžet na portu 3000.

Budova Pro výrobu

Vývojový režim je docela užitečný, když aktivně vyvíjíte svou aplikaci. Když jste však připraveni svou aplikaci zveřejnit, doplňky, jako jsou hot-reloading a vývojářské nástroje, budou méně důležité. To je důvod, proč budeme chtít vytvořit naši aplikaci jednou, pro produkční prostředí. Naštěstí Nuxt.js obsahuje nástroj, který můžeme použít k rychlému vytvoření modulů naší aplikace pro produkci. Chcete-li zahájit proces sestavení produkce, spusťte následující.

npm run build

V podstatě to, co zde děláme, je, že kompilujeme všechny naše moduly webpack s optimalizací pro produkci.

Jakmile bude sestavení dokončeno, budete moci spustit web pro produkci.

npm start

Nyní, pokud přejdete na http://yourip:3000, uvidíte úvodní obrazovku Nuxt.js, která potvrzuje, že běžíte v produkčním režimu.

PM2: Spravujte svou aplikaci snadno

Nyní rozumíme základům provozu naší aplikace pro produkci. Pokud jde o produkční prostředí, preferujeme dobrý způsob, jak udržet naši aplikaci v chodu navždy, v případě potřeby automaticky restartovat naši aplikaci a monitorovat zdroje naší aplikace. Zde přichází na řadu Process Manager 2 (PM2). PM2 je správce procesů Node.js pro produkční aplikace, který zahrnuje mnoho důležitých produkčních nástrojů, jako je vyvažování zátěže, pokročilé protokoly, spouštěcí skripty a mnoho dalšího. Nejprve nainstalujte PM2.

npm install pm2 -g

Tím se PM2 nainstaluje globálně, takže jej můžeme použít kdekoli na našem serveru. Jakmile PM2 dokončí stahování, můžeme spustit naši aplikaci.

pm2 start <appfolder>/server/index.js

Všimněte si, že spouštíme soubor serveru, který je umístěn v kořenovém adresáři naší aplikace.

Pokud chcete zobrazit zdroje, které vaše aplikace spotřebovává, můžete tak učinit pomocí pm2 monitpříkazu. Tím se zobrazí rozhraní podobné rozhraní ncurses, kde můžete přesně shromažďovat data o paměti RAM, CPU a disku vaší aplikace.

Nyní bude vaše aplikace běžet přesně tak, jak to bylo, když jsme ji spouštěli dříve s npm, kromě toho, že nyní máme mnohem větší kontrolu, pokud jde o optimalizaci výroby.

Nyní máte sestavení aplikace Nuxt.js, která je nasazena pro produkci s Node.js a Ubuntu 18.04. Pokud se chcete o Nuxtu a všech jeho podrobných funkcích dozvědět více, navštivte jejich oficiální dokumentaci .


Nainstalujte Plesk na CentOS 7

Nainstalujte Plesk na CentOS 7

Používáte jiný systém? Plesk je proprietární ovládací panel webového hostitele, který umožňuje uživatelům spravovat jejich osobní a/nebo klientské webové stránky, databáze

Nainstalujte Lets Encrypt SSL na aplikaci WordPress One-Click

Nainstalujte Lets Encrypt SSL na aplikaci WordPress One-Click

Úvod Lets Encrypt je služba certifikační autority, která nabízí bezplatné certifikáty TLS/SSL. Proces instalace zjednodušil Certbot,

Jak nastavit klasický server Tekkit na Ubuntu 16.10

Jak nastavit klasický server Tekkit na Ubuntu 16.10

Používáte jiný systém? Co je Tekkit Classic? Tekkit Classic je modpack pro hru, kterou každý zná a miluje; Minecraft. Obsahuje některé z ver

Vytvoření blogu Jekyll na Ubuntu 16.04

Vytvoření blogu Jekyll na Ubuntu 16.04

Používáte jiný systém? Jekyll je skvělá alternativa k WordPressu pro blogování nebo sdílení obsahu. Nevyžaduje žádné databáze a je velmi snadné i

Jak nastavit bezobslužné upgrady na Debian 9 (Stretch)

Jak nastavit bezobslužné upgrady na Debian 9 (Stretch)

Používáte jiný systém? Pokud si zakoupíte server Debian, měli byste mít vždy nejnovější bezpečnostní záplaty a aktualizace, ať už spíte nebo ne

Jak nainstalovat a nakonfigurovat PHP 7.0 nebo PHP 7.1 na Ubuntu 16.04

Jak nainstalovat a nakonfigurovat PHP 7.0 nebo PHP 7.1 na Ubuntu 16.04

PHP a související balíčky jsou nejčastěji používané komponenty při nasazování webového serveru. V tomto článku se naučíme, jak nastavit PHP 7.0 nebo PHP 7.1 o

Jak nainstalovat Squid Proxy na CentOS

Jak nainstalovat Squid Proxy na CentOS

Squid je populární bezplatný linuxový program, který vám umožňuje vytvořit webový proxy pro předávání. V této příručce uvidíte, jak nainstalovat Squid na CentOS, aby vás otočil

Jak nainstalovat Lighttpd (LLMP Stack) na CentOS 6

Jak nainstalovat Lighttpd (LLMP Stack) na CentOS 6

Úvod Lighttpd je fork Apache, jehož cílem je být mnohem méně náročný na zdroje. Je lehký, odtud jeho název, a jeho použití je docela jednoduché. Installin

Nastavení aplikace Yii na Ubuntu 14.04

Nastavení aplikace Yii na Ubuntu 14.04

Yii je PHP framework, který vám umožňuje vyvíjet aplikace rychleji a snadněji. Instalace Yii na Ubuntu je přímočará, jak se přesně dozvíte

Použití obrazovky na Ubuntu 14.04

Použití obrazovky na Ubuntu 14.04

Screen je aplikace, která umožňuje vícenásobné použití terminálových relací v rámci jednoho okna. To vám umožňuje simulovat více oken terminálu, kde to má

Nastavte si svůj vlastní DNS server na Debian/Ubuntu

Nastavte si svůj vlastní DNS server na Debian/Ubuntu

Tento tutoriál vysvětluje, jak nastavit DNS server pomocí Bind9 na Debianu nebo Ubuntu. V celém článku nahraďte odpovídajícím způsobem název-vaše-domény.com. Při čt

Konfigurace statické sítě a IPv6 na CentOS 7

Konfigurace statické sítě a IPv6 na CentOS 7

VULTR nedávno provedl změny na jejich konci a vše by nyní mělo fungovat dobře po vybalení s povoleným NetworkManagerem. Pokud si přejete deaktivovat

Úprava Icinga2 pro použití modelu Master/Client na CentOS 6 nebo CentOS 7

Úprava Icinga2 pro použití modelu Master/Client na CentOS 6 nebo CentOS 7

Icinga2 je výkonný monitorovací systém a při použití v modelu master-client může nahradit potřebu 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žíváte jiný systém? Red5 je open source mediální server implementovaný v Javě, který vám umožňuje spouštět aplikace Flash pro více uživatelů, jako je živé streamování

Zkompilujte a nainstalujte Nginx pomocí modulu PageSpeed ​​na Debian 8

Zkompilujte a nainstalujte Nginx pomocí modulu PageSpeed ​​na Debian 8

V tomto článku uvidíme, jak zkompilovat a nainstalovat hlavní řadu Nginx z oficiálních zdrojů Nginx pomocí modulu PageSpeed, který vám umožňuje

Jak nainstalovat Apache Cassandra 3.11.x na Ubuntu 16.04 LTS

Jak nainstalovat Apache Cassandra 3.11.x na Ubuntu 16.04 LTS

Používáte jiný systém? Apache Cassandra je bezplatný a otevřený systém pro správu databází NoSQL, který je navržen tak, aby poskytoval škálovatelnost, vysokou

Jak nainstalovat Apache Cassandra 3.11.x na CentOS 7

Jak nainstalovat Apache Cassandra 3.11.x na CentOS 7

Používáte jiný systém? Apache Cassandra je bezplatný a otevřený systém pro správu databází NoSQL, který je navržen tak, aby poskytoval škálovatelnost, vysokou

Jak nainstalovat Vanilla Forum na Ubuntu 16.04

Jak nainstalovat Vanilla Forum na Ubuntu 16.04

Používáte jiný systém? Vanilla forum je open source aplikace fóra napsaná v PHP. Je plně přizpůsobitelný, snadno použitelný a podporuje externí

Jak nainstalovat Kanboard na Ubuntu 18.04 LTS

Jak nainstalovat Kanboard na Ubuntu 18.04 LTS

Používáte jiný systém? Úvod Kanboard je bezplatný a otevřený softwarový program pro správu projektů, který je navržen tak, aby usnadnil a vizualizoval

Jak nainstalovat Kanboard na Debian 9

Jak nainstalovat Kanboard na Debian 9

Používáte jiný systém? Úvod Kanboard je bezplatný a otevřený softwarový program pro správu projektů, který je navržen tak, aby usnadnil a vizualizoval

The Rise of Machines: Real World Applications of AI

The Rise of Machines: Real World Applications of AI

Umělá inteligence není v budoucnosti, je zde přímo v současnosti V tomto blogu si přečtěte, jak aplikace umělé inteligence ovlivnily různé sektory.

Útoky DDOS: Stručný přehled

Útoky DDOS: Stručný přehled

Jste také obětí DDOS útoků a nemáte jasno v metodách prevence? Chcete-li vyřešit své dotazy, přečtěte si tento článek.

Přemýšleli jste někdy, jak hackeři vydělávají peníze?

Přemýšleli jste někdy, jak hackeři vydělávají peníze?

Možná jste slyšeli, že hackeři vydělávají spoustu peněz, ale napadlo vás někdy, jak takové peníze vydělávají? Pojďme diskutovat.

Revoluční vynálezy od Googlu, které vám usnadní život.

Revoluční vynálezy od Googlu, které vám usnadní život.

Chcete vidět revoluční vynálezy Google a jak tyto vynálezy změnily život každého dnešního člověka? Pak si přečtěte na blogu a podívejte se na vynálezy od Googlu.

Friday Essential: Co se stalo s auty řízenými umělou inteligencí?

Friday Essential: Co se stalo s auty řízenými umělou inteligencí?

Koncept aut s vlastním pohonem, která vyrazí na silnice s pomocí umělé inteligence, je snem, který už nějakou dobu máme. Ale přes několik slibů nejsou nikde vidět. Přečtěte si tento blog a dozvíte se více…

Technologická singularita: vzdálená budoucnost lidské civilizace?

Technologická singularita: vzdálená budoucnost lidské civilizace?

Jak se věda vyvíjí rychlým tempem a přebírá mnoho našeho úsilí, stoupá také riziko, že se vystavíme nevysvětlitelné singularitě. Přečtěte si, co pro nás může znamenat singularita.

Evoluce ukládání dat – Infografika

Evoluce ukládání dat – Infografika

Způsoby ukládání dat se mohou vyvíjet od narození dat. Tento blog se zabývá vývojem ukládání dat na základě infografiky.

Funkcionality vrstev referenční architektury velkých dat

Funkcionality vrstev referenční architektury velkých dat

Přečtěte si blog, abyste co nejjednodušším způsobem poznali různé vrstvy v architektuře velkých dat a jejich funkce.

6 úžasných výhod toho, že máme v životě zařízení pro chytrou domácnost

6 úžasných výhod toho, že máme v životě zařízení pro chytrou domácnost

V tomto digitálním světě se chytrá domácí zařízení stala klíčovou součástí života. Zde je několik úžasných výhod chytrých domácích zařízení o tom, jak náš život stojí za to žít a zjednodušit jej.

Aktualizace doplňku macOS Catalina 10.15.4 způsobuje více problémů než řešení

Aktualizace doplňku macOS Catalina 10.15.4 způsobuje více problémů než řešení

Apple nedávno vydal doplňkovou aktualizaci macOS Catalina 10.15.4, která opravuje problémy, ale zdá se, že aktualizace způsobuje další problémy, které vedou k zablokování počítačů mac. Přečtěte si tento článek a dozvíte se více