Nastavite spletno aplikacijo Nuxt.js na Ubuntu 18.04 LTS

Nuxt.js: Univerzalni okvir

Nuxt.js je okvir JavaScript, zasnovan za hitro ustvarjanje univerzalnih aplikacij Vue.js. Najbolj znan je po svoji sposobnosti ustvarjanja aplikacij Vue.js, ki jih je mogoče upodabljati na strežniku in odjemalcu. V tej vadnici bomo postavili strežniško upodobljeno aplikacijo Nuxt.js in jo namestili v Ubuntu 18.04 LTS.

Namestitev Node.js

Najprej se boste morali prepričati, da uporabljate Ubuntu 18.04 LTS. Nato boste morali namestiti Node.js, če še ni nameščen. V tej vadnici bomo uporabili upravljalnik različic vozlišč ali NVM, da bo ta proces veliko lažji.

Namestite NVM z naslednjimi ukazi.

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

Aplikacija odra

Ko imate nameščen Node.js, lahko zdaj nadaljujemo z nastavitvijo paketov, ki jih bomo potrebovali z uporabo NPM. create-nuxt-appUporabili bomo priročno malo orodje, imenovano , orodje skupnosti, ki lahko preprosto ustvari aplikacije Nuxt.js.

V domačem imeniku zaženite naslednji ukaz, da začnete ustvarjati aplikacijo.

npx create-nuxt-app <nameofproject>

Konzola vas bo pozvala k več pomembnim možnostim. Zaradi te vadnice bomo naš projekt poimenovali " app". Kot okvir strežnika po meri bomo uporabili Express, aplikacijo pa bomo zagnali v univerzalnem načinu, ki zagotavlja, da bomo naše spletno mesto upodabljali na strežniku. Ko podate vsa zahtevana dovoljenja, se bo začel postopek namestitve in ustvarjene bodo vse konfiguracijske datoteke.

Začetni zagon

Ko je vse preneseno, spremenite imenike v mapo, ki ste jo pravkar ustvarili.

cd app

Zdaj lahko zaženemo razvojni strežnik Nuxt.js.

npm run dev

Ta ukaz bo zgradil spletno mesto z uporabo spletnega paketa, ki je povezovalnik modulov, in bo spletno mesto serviral na pristaniščih lokalnega gostitelja, ki bodo običajno port 3000. Omogočil vam bo tudi dostop do modulov za vročo ponovno nalaganje, kar bo odstranilo potrebo po ponovnem zagonu aplikacije vsakič, ko spremenite datoteko. Ker aplikacijo izvajamo v univerzalnem načinu, bo aplikacija prevedena tako na odjemalcu kot na strežniku. Zdaj se bo vaša aplikacija izvajala na vratih 3000.

Zgradba za proizvodnjo

Razvojni način je zelo uporaben, ko aktivno razvijate svojo aplikacijo. Ko pa ste pripravljeni objaviti svojo aplikacijo, postanejo dodatki, kot so vroče ponovno nalaganje in orodja za razvijalce, manj pomembni. Zato bomo želeli našo aplikacijo zgraditi enkrat, za produkcijsko okolje. Na srečo Nuxt.js vključuje orodje, ki ga lahko uporabimo za hitro izdelavo modulov naše aplikacije za proizvodnjo. Zaženite naslednje, da začnete postopek izdelave proizvodnje.

npm run build

V bistvu to, kar počnemo tukaj, je, da sestavljamo vse naše module spletnega paketa z optimizacijami za produkcijo.

Ko bo gradnja končana, boste lahko zagnali spletno mesto za proizvodnjo.

npm start

Zdaj, če se pomaknete do http://yourip:3000, boste videli uvodni zaslon Nuxt.js, ki potrjuje, da delujete v produkcijskem načinu.

PM2: z lahkoto upravljajte svojo aplikacijo

Zdaj razumemo osnove izvajanja naše aplikacije za proizvodnjo. V smislu produkcijskega okolja bi raje imeli dober način, da naša aplikacija deluje večno, samodejno znova zažene našo aplikacijo, kadar je to potrebno, in spremlja vire naše aplikacije. Tu pride na vrsto Process Manager 2 (PM2). PM2 je upravljalnik procesov Node.js za produkcijske aplikacije, ki vključuje številna pomembna produkcijska orodja, kot so uravnoteženje obremenitve, napredni dnevniki, zagonski skripti in še veliko več. Najprej namestite PM2.

npm install pm2 -g

S tem se PM2 namesti globalno, tako da ga lahko uporabljamo kjer koli na našem strežniku. Ko je PM2 končan s prenosom, lahko zaženemo našo aplikacijo.

pm2 start <appfolder>/server/index.js

Upoštevajte, da zaženemo strežniško datoteko, ki se nahaja znotraj korena naše aplikacije.

Če si želite ogledati vire, ki jih porabi vaša aplikacija, lahko to storite z pm2 monitukazom. To bo odprlo vmesnik, podoben vmesniku ncurses, kjer lahko natančno zbirate podatke o uporabi RAM-a, CPU-ja in diska vaše aplikacije.

Do zdaj bo vaša aplikacija delovala točno tako, kot je bila, ko smo jo izvajali z npm prej, le da imamo zdaj veliko več nadzora, ko gre za optimizacijo produkcije.

Zdaj imate različico aplikacije Nuxt.js, ki je nameščena za proizvodnjo z Node.js in Ubuntu 18.04. Če želite izvedeti več o Nuxtu in vseh njegovih poglobljenih funkcijah, obiščite njihovo uradno dokumentacijo .


Namestite Plesk na CentOS 7

Namestite Plesk na CentOS 7

Uporaba drugega sistema? Plesk je lastniška nadzorna plošča spletnega gostitelja, ki uporabnikom omogoča upravljanje svojih osebnih in/ali strank spletnih mest, baz podatkov

Namestite Lets Encrypt SSL v aplikacijo WordPress z enim klikom

Namestite Lets Encrypt SSL v aplikacijo WordPress z enim klikom

Uvod Lets Encrypt je storitev overitelja potrdil, ki ponuja brezplačna potrdila TLS/SSL. Certbot poenostavlja postopek namestitve,

Ustvarjanje bloga Jekyll v Ubuntu 16.04

Ustvarjanje bloga Jekyll v Ubuntu 16.04

Uporaba drugega sistema? Jekyll je odlična alternativa WordPressu za bloganje ali deljenje vsebine. Ne zahteva nobenih baz podatkov in je zelo enostaven i

Kako nastaviti nenadzorovane nadgradnje na Debian 9 (raztegni)

Kako nastaviti nenadzorovane nadgradnje na Debian 9 (raztegni)

Uporaba drugega sistema? Če kupite strežnik Debian, morate vedno imeti najnovejše varnostne popravke in posodobitve, ne glede na to, ali spite ali ne

Kako namestiti in konfigurirati PHP 7.0 ali PHP 7.1 na Ubuntu 16.04

Kako namestiti in konfigurirati PHP 7.0 ali PHP 7.1 na Ubuntu 16.04

PHP in sorodni paketi so najpogosteje uporabljene komponente pri uvajanju spletnega strežnika. V tem članku se bomo naučili, kako nastaviti PHP 7.0 ali PHP 7.1 o

Kako namestiti Squid Proxy na CentOS

Kako namestiti Squid Proxy na CentOS

Squid je priljubljen brezplačen program za Linux, ki vam omogoča ustvarjanje spletnega proxyja za posredovanje. V tem priročniku boste videli, kako namestiti Squid na CentOS, da vas obrne

Kako namestiti Lighttpd (LLMP Stack) na CentOS 6

Kako namestiti Lighttpd (LLMP Stack) na CentOS 6

Uvod Lighttpd je razdelek Apache, katerega namen je biti veliko manj intenziven vir. Je lahek, od tod tudi njegovo ime, in je precej preprost za uporabo. Namestite

Tri brezplačne nadzorne plošče strežnika (hitra namestitev)

Tri brezplačne nadzorne plošče strežnika (hitra namestitev)

1. Virtualmin/Webmin Virtualmin je zmogljiva in prilagodljiva nadzorna plošča za spletno gostovanje za sisteme Linux in UNIX, ki temelji na dobro znani odprtokodni spletni bazi

Nastavitev aplikacije Yii na Ubuntu 14.04

Nastavitev aplikacije Yii na Ubuntu 14.04

Yii je okvir PHP, ki vam omogoča hitrejši in preprostejši razvoj aplikacij. Namestitev Yii na Ubuntu je enostavna, saj se boste naučili natančno

Uporaba zaslona v Ubuntu 14.04

Uporaba zaslona v Ubuntu 14.04

Screen je aplikacija, ki omogoča večkratno uporabo terminalskih sej v enem oknu. To vam omogoča simulacijo več terminalskih oken, kjer je ma

Nastavite svoj DNS strežnik na Debian/Ubuntu

Nastavite svoj DNS strežnik na Debian/Ubuntu

Ta vadnica pojasnjuje, kako nastaviti strežnik DNS z uporabo Bind9 v Debianu ali Ubuntuju. V celotnem članku ustrezno nadomestite your-domain-name.com. Ob th

Uporaba Logrotate za upravljanje dnevniških datotek

Uporaba Logrotate za upravljanje dnevniških datotek

Uvod Logrotate je pripomoček za Linux, ki poenostavlja upravljanje dnevniških datotek. Običajno se izvaja enkrat na dan prek opravila cron in upravlja bazo dnevnikov

Konfiguriranje statičnega omrežja in IPv6 na CentOS 7

Konfiguriranje statičnega omrežja in IPv6 na CentOS 7

VULTR je pred kratkim naredil spremembe na svoji strani in zdaj bi moralo vse delovati v redu iz škatle z omogočenim NetworkManagerjem. Če želite onemogočiti

Spreminjanje Icinga2 za uporabo modela Master/Client na CentOS 6 ali CentOS 7

Spreminjanje Icinga2 za uporabo modela Master/Client na CentOS 6 ali CentOS 7

Icinga2 je zmogljiv sistem za spremljanje in če se uporablja v modelu glavni-odjemalec, lahko nadomesti potrebo po nadzornih pregledih, ki temeljijo na NRPE. Glavni naročnik

Nastavite Red5 Media Server na Ubuntu 16.04

Nastavite Red5 Media Server na Ubuntu 16.04

Uporaba drugega sistema? Red5 je odprtokodni medijski strežnik, implementiran v Javi, ki vam omogoča zagon večuporabniških aplikacij Flash, kot je prenos v živo

Prevedite in namestite Nginx z modulom PageSpeed ​​na Debian 8

Prevedite in namestite Nginx z modulom PageSpeed ​​na Debian 8

V tem članku bomo videli, kako prevesti in namestiti Nginx mainline iz uradnih virov Nginxa z modulom PageSpeed, ki vam omogoča

Kako namestiti Apache Cassandra 3.11.x na Ubuntu 16.04 LTS

Kako namestiti Apache Cassandra 3.11.x na Ubuntu 16.04 LTS

Uporaba drugega sistema? Apache Cassandra je brezplačen in odprtokodni sistem za upravljanje baz podatkov NoSQL, ki je zasnovan tako, da zagotavlja razširljivost, visoko

Kako namestiti Apache Cassandra 3.11.x na CentOS 7

Kako namestiti Apache Cassandra 3.11.x na CentOS 7

Uporaba drugega sistema? Apache Cassandra je brezplačen in odprtokodni sistem za upravljanje baz podatkov NoSQL, ki je zasnovan tako, da zagotavlja razširljivost, visoko

Kako namestiti Vanilla Forum na Ubuntu 16.04

Kako namestiti Vanilla Forum na Ubuntu 16.04

Uporaba drugega sistema? Vanilla forum je odprtokodna forumska aplikacija, napisana v PHP. Je popolnoma prilagodljiv, enostaven za uporabo in podpira zunanjost

Kako namestiti Kanboard na Ubuntu 18.04 LTS

Kako namestiti Kanboard na Ubuntu 18.04 LTS

Uporaba drugega sistema? Uvod Kanboard je brezplačen in odprtokodni program za vodenje projektov, ki je zasnovan za olajšanje in vizualizacijo

Vzpon strojev: aplikacije AI v resničnem svetu

Vzpon strojev: aplikacije AI v resničnem svetu

Umetna inteligenca ni v prihodnosti, tukaj je prav v sedanjosti. V tem blogu preberite, kako so aplikacije umetne inteligence vplivale na različne sektorje.

DDOS napadi: kratek pregled

DDOS napadi: kratek pregled

Ste tudi vi žrtev DDOS napadov in ste zmedeni glede načinov preprečevanja? Preberite ta članek, če želite rešiti svoja vprašanja.

Ste se kdaj vprašali, kako hekerji zaslužijo denar?

Ste se kdaj vprašali, kako hekerji zaslužijo denar?

Morda ste že slišali, da hekerji zaslužijo veliko denarja, a ste se kdaj vprašali, kako zaslužijo takšen denar? razpravljajmo.

Revolucionarni Googlovi izumi, ki vam bodo olajšali življenje.

Revolucionarni Googlovi izumi, ki vam bodo olajšali življenje.

Ali želite videti revolucionarne izume Googla in kako so ti izumi danes spremenili življenje vsakega človeka? Nato preberite v blogu in si oglejte Googlove izume.

Friday Essential: Kaj se je zgodilo z avtomobili, ki jih poganja umetna inteligenca?

Friday Essential: Kaj se je zgodilo z avtomobili, ki jih poganja umetna inteligenca?

Koncept samovozečih avtomobilov, ki zapeljejo na ceste s pomočjo umetne inteligence, so sanje, ki jih imamo že nekaj časa. A kljub številnim obljubam jih ni nikjer. Preberite ta blog, če želite izvedeti več…

Tehnološka singularnost: oddaljena prihodnost človeške civilizacije?

Tehnološka singularnost: oddaljena prihodnost človeške civilizacije?

Ker se znanost hitro razvija in prevzame veliko naših prizadevanj, se povečuje tudi tveganje, da se podvržemo nerazložljivi singularnosti. Preberite, kaj bi za nas lahko pomenila singularnost.

Razvoj shranjevanja podatkov – Infografika

Razvoj shranjevanja podatkov – Infografika

Metode shranjevanja podatkov so se lahko razvijale od rojstva podatkov. Ta blog pokriva razvoj shranjevanja podatkov na podlagi infografike.

Funkcionalnosti slojev referenčne arhitekture velikih podatkov

Funkcionalnosti slojev referenčne arhitekture velikih podatkov

Preberite blog, če želite na najpreprostejši način spoznati različne plasti v arhitekturi velikih podatkov in njihove funkcionalnosti.

6 neverjetnih prednosti pametnih naprav za dom v našem življenju

6 neverjetnih prednosti pametnih naprav za dom v našem življenju

V tem digitalno vodenem svetu so pametne naprave za dom postale ključni del življenja. Tukaj je nekaj neverjetnih prednosti pametnih naprav za dom o tem, kako naredijo naše življenje vredno življenja in poenostavijo.

Posodobitev dodatka macOS Catalina 10.15.4 povzroča več težav kot jih rešuje

Posodobitev dodatka macOS Catalina 10.15.4 povzroča več težav kot jih rešuje

Pred kratkim je Apple izdal macOS Catalina 10.15.4 dopolnilno posodobitev za odpravo težav, vendar se zdi, da posodobitev povzroča več težav, ki vodijo do opečenja računalnikov Mac. Preberite ta članek, če želite izvedeti več