Configurați o aplicație web Nuxt.js pe Ubuntu 18.04 LTS

Nuxt.js: Cadrul universal

Nuxt.js este un cadru JavaScript proiectat pentru crearea rapidă a aplicațiilor universale Vue.js. Este foarte cunoscut pentru capacitatea sa de a crea aplicații Vue.js care pot fi redate atât pe server, cât și pe client. În acest tutorial, vom configura o aplicație Nuxt.js prestată de server și o vom implementa pe Ubuntu 18.04 LTS.

Instalarea Node.js

În primul rând, va trebui să vă asigurați că executați Ubuntu 18.04 LTS. Apoi, va trebui să instalați Node.js, dacă nu este deja instalat. În acest tutorial, vom folosi Node Version Manager sau NVM, pentru a face acest proces mult mai ușor.

Instalați NVM folosind următoarele comenzi.

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

Aplicație pentru schele

După ce aveți Node.js instalat, putem trece acum la configurarea pachetelor de care vom avea nevoie folosind NPM. Vom folosi un mic instrument util numit create-nuxt-app, un instrument creat în comunitate care poate crea cu ușurință aplicații Nuxt.js.

În directorul de acasă, executați următoarea comandă pentru a începe generarea de aplicații.

npx create-nuxt-app <nameofproject>

Consola vă va solicita mai multe opțiuni importante. De dragul acestui tutorial, vom denumi proiectul nostru " app". Vom folosi Express ca cadru al serverului nostru personalizat și vom rula aplicația în mod universal, ceea ce ne asigură că vom reda site-ul nostru pe server. Când ați specificat toate permisiunile necesare, procesul de instalare va începe și toate fișierele de configurare vor fi create.

Start inițial

După ce totul s-a descărcat, schimbați directoarele în folderul pe care tocmai l-ați creat.

cd app

Acum putem porni serverul de dezvoltare Nuxt.js.

npm run dev

Această comandă va construi site-ul folosind webpack, care este un pachet de module, și va servi site-ul pe un port localhost, care va fi în general port 3000. De asemenea, vă va oferi acces la module de reîncărcare la cald, care vor elimina nevoia de a reporni aplicația de fiecare dată când schimbați un fișier. Deoarece rulăm aplicația în mod universal, aplicația va fi compilată atât pe client, cât și pe server. Acum aplicația dvs. va fi rulată pe port 3000.

Clădire pentru producție

Modul de dezvoltare este destul de util pentru când dezvoltați activ aplicația. Cu toate acestea, când sunteți gata să faceți publică aplicația, suplimente precum reîncărcarea la cald și instrumentele pentru dezvoltatori devin mai puțin importante. Acesta este motivul pentru care vom dori să construim aplicația noastră o singură dată, pentru un mediu de producție. Din fericire, Nuxt.js include un instrument pe care îl putem folosi pentru a construi rapid modulele aplicației noastre pentru producție. Rulați următoarele pentru a începe procesul de construire a producției.

npm run build

În esență, ceea ce facem aici este că compilăm toate modulele noastre de pachete web, cu optimizări pentru producție.

După terminarea construcției, veți putea rula site-ul pentru producție.

npm start

Acum, dacă navigați la http://yourip:3000, veți vedea ecranul de splash Nuxt.js, care confirmă că rulați în modul de producție.

PM2: Gestionați-vă aplicația cu ușurință

Acum înțelegem elementele de bază ale funcționării aplicației noastre pentru producție. În ceea ce privește un mediu de producție, am prefera o modalitate bună de a ne menține aplicația funcționând pentru totdeauna, de a reporni automat aplicația când este necesar și de a monitoriza resursele aplicației noastre. Acolo intervine Process Manager 2 (PM2). PM2 este un manager de proces Node.js pentru aplicații de producție, care include multe instrumente de producție importante, cum ar fi echilibrarea sarcinii, jurnalele avansate, scripturile de pornire și multe altele. Mai întâi, instalați PM2.

npm install pm2 -g

Aceasta instalează PM2 la nivel global, astfel încât să-l putem folosi oriunde pe serverul nostru. După ce PM2 a terminat descărcarea, putem începe aplicația noastră.

pm2 start <appfolder>/server/index.js

Rețineți că începem fișierul server care se află în interiorul rădăcinei noastre de aplicație.

Dacă doriți să vizualizați resursele pe care aplicația dvs. le consumă, puteți face acest lucru cu pm2 monitcomanda. Aceasta va genera o interfață similară cu cea a ncursurilor, unde puteți aduna cu precizie date despre memoria RAM, CPU și utilizarea discului.

Până acum, aplicația dvs. va funcționa exact cum a fost când am rulat-o cu npm mai devreme, cu excepția cazului în care avem mult mai mult control atunci când vine vorba de optimizări ale producției.

Acum aveți o construcție de aplicații Nuxt.js care este implementată pentru producție cu Node.js și Ubuntu 18.04. Dacă doriți să aflați mai multe despre Nuxt și toate caracteristicile aprofundate, nu ezitați să vizitați documentația lor oficială .



Leave a Comment

Cum se instalează Anchor CMS pe un VPS Fedora 26 LAMP

Cum se instalează Anchor CMS pe un VPS Fedora 26 LAMP

Folosind un sistem diferit? Anchor CMS este un motor de blog de sistem de gestionare a conținutului (CMS) super-simplu și extrem de ușor, gratuit și deschis

Configurare partajare NFS pe Debian

Configurare partajare NFS pe Debian

NFS este un sistem de fișiere bazat pe rețea care permite computerelor să acceseze fișiere într-o rețea de calculatoare. Acest ghid explică modul în care puteți expune folderele peste NF

Configurați un server TeamTalk pe Linux

Configurați un server TeamTalk pe Linux

TeamTalk este un sistem de conferințe care permite utilizatorilor să aibă conversații audio / video de înaltă calitate, chat de text, transfer de fișiere și partajare ecrane. Este

Folosind cheia SSH pentru a vă conecta la utilizatori non-root

Folosind cheia SSH pentru a vă conecta la utilizatori non-root

Vultr oferă o caracteristică care vă permite să preinstalați cheile SSH la crearea unei noi instanțe. Acest lucru vă permite să accesați utilizatorul root al serverelor, totuși

Cum se instalează Ranger Terminal File Manager pe Linux

Cum se instalează Ranger Terminal File Manager pe Linux

Ranger este un manager de fișiere bazat pe linia de comandă cu legături de cheie VI. Oferă o interfață de blestem minimalistă și frumoasă, cu o vedere asupra ierarhiei de directoare

Cum se instalează Redmine pe Ubuntu 16.04

Cum se instalează Redmine pe Ubuntu 16.04

Folosind un sistem diferit? Redmine este un instrument gratuit și deschis de gestionare a proiectelor bazat pe web. Este scris în Ruby on Rails și acceptă mai multe baze de date

Instalare RethinkDB Cluster pe CentOS 7

Instalare RethinkDB Cluster pe CentOS 7

Introducere RethinkDB este o bază de date NoSQL care stochează date sub formă de documente JSON. Are un limbaj de interogare super intuitiv și are funcții disponibile în mod obișnuit

Cum se construiește Brotli din sursă pe Ubuntu 18.04 LTS

Cum se construiește Brotli din sursă pe Ubuntu 18.04 LTS

Folosind un sistem diferit? Brotli este o nouă metodă de compresie cu un raport de compresie mai bun decât GZIP. Codul sursă este găzduit public pe acest Githu

Configurarea conturilor de utilizator numai SFTP pe CentOS 7

Configurarea conturilor de utilizator numai SFTP pe CentOS 7

În anumite ocazii, este posibil ca un administrator de sistem să aibă nevoie să creeze un cont de utilizator și să restricționeze accesul acestora la gestionarea propriilor fișiere prin sFTP, dar nu b

Utilizarea vizualizărilor MySQL pe Debian 7

Utilizarea vizualizărilor MySQL pe Debian 7

Introducere MySQL are o caracteristică excelentă cunoscută sub numele de vizualizări. Vizualizările sunt interogări stocate. Gândiți-vă la ele ca la un alias pentru o întrebare altfel lungă. În acest ghid,

Cum se instalează Nginx 1.14 pe Arch Linux

Cum se instalează Nginx 1.14 pe Arch Linux

Cerințe preliminare Un server Vultr care funcționează actualizat Arch Linux (vezi acest articol.) Acces Sudo. Comenzile care trebuie rulate ca root sunt prefixate de #. Th

Dezactivați sau restricționați conectarea rădăcină prin SSH pe Linux

Dezactivați sau restricționați conectarea rădăcină prin SSH pe Linux

Permiterea autentificării root pe SSH este de obicei considerată o practică slabă de securitate în întreaga industrie tehnologică. În schimb, puteți efectua administrativ sensibil

Cum se instalează Seafile Server pe Ubuntu 16.10

Cum se instalează Seafile Server pe Ubuntu 16.10

Folosind un sistem diferit? Seafile (versiunea comunității) este o soluție gratuită și deschisă de sincronizare și partajare a fișierelor, care este similară cu ownCloud. De-a lungul spiritului

Cum să compilați Nginx din sursă pe CentOS 7

Cum să compilați Nginx din sursă pe CentOS 7

Folosind un sistem diferit? NGINX poate fi utilizat ca server HTTP / HTTPS, server proxy invers, server proxy de poștă, echilibrator de sarcină, terminator TLS sau cachin

Cum se instalează Thelia 2.3 pe Debian 9

Cum se instalează Thelia 2.3 pe Debian 9

Folosind un sistem diferit? Thelia este un instrument open source pentru crearea de site-uri web pentru e-business și gestionarea conținutului online scris în PHP. Codul sursă Thelia i

Cum se instalează DokuWiki pe Ubuntu 16.04 LTS

Cum se instalează DokuWiki pe Ubuntu 16.04 LTS

Folosind un sistem diferit? DokuWiki este un program wiki open source scris în PHP care nu necesită o bază de date. Stochează date în fișiere text. DokuWik

Configurarea unui chroot pe Debian

Configurarea unui chroot pe Debian

Acest articol vă va învăța cum să configurați o închisoare chroot pe Debian. Presupun că utilizați Debian 7.x. Dacă executați Debian 6 sau 8, acest lucru poate funcționa, bine

Cum se instalează PiVPN pe Debian

Cum se instalează PiVPN pe Debian

Introducere Un mod ușor de a configura un server VPN pe Debian este cu PiVPN. PiVPN este un instalator și un pachet pentru OpenVPN. Creează comenzi simple pentru tine

Cum se instalează Chamilo 1.11.8 pe CentOS 7

Cum se instalează Chamilo 1.11.8 pe CentOS 7

Folosind un sistem diferit? Chamilo este un sistem gratuit și deschis de management al învățării (LMS), care este utilizat pe scară largă pentru educația online și colaborarea în echipă

Instalați Nginx, Wordpress și permiteți criptarea în minute cu EasyEngine pe Debian 8 sau Ubuntu 16.04

Instalați Nginx, Wordpress și permiteți criptarea în minute cu EasyEngine pe Debian 8 sau Ubuntu 16.04

EasyEngine (ee) este un instrument Python care vă permite să gestionați ușor și automat site-urile Wordpress de pe Nginx. Folosind EasyEngine, nu va trebui să dați

O perspectivă asupra a 26 de tehnici de analiză a datelor mari: partea 1

O perspectivă asupra a 26 de tehnici de analiză a datelor mari: partea 1

O perspectivă asupra a 26 de tehnici de analiză a datelor mari: partea 1

6 lucruri extrem de nebunești despre Nintendo Switch

6 lucruri extrem de nebunești despre Nintendo Switch

Mulți dintre voi cunoașteți Switch care va fi lansat în martie 2017 și noile sale funcții. Pentru cei care nu știu, am pregătit o listă de funcții care fac din „Switch” un „gadget obligatoriu”.

Promisiuni tehnologice care sunt încă nelivrate

Promisiuni tehnologice care sunt încă nelivrate

Aștepți ca giganții tehnologiei să-și îndeplinească promisiunile? vezi ce a ramas nelivrat.

Funcționalitățile straturilor arhitecturii de referință pentru Big Data

Funcționalitățile straturilor arhitecturii de referință pentru Big Data

Citiți blogul pentru a cunoaște diferitele straturi din Arhitectura Big Data și funcționalitățile acestora în cel mai simplu mod.

Cum poate AI să ducă automatizarea proceselor la următorul nivel?

Cum poate AI să ducă automatizarea proceselor la următorul nivel?

Citiți asta pentru a afla cum devine populară inteligența artificială în rândul companiilor la scară mică și cum crește probabilitățile de a le face să crească și de a le oferi concurenților avantaje.

CAPTCHA: Cât timp poate rămâne o tehnică viabilă pentru distincția uman-AI?

CAPTCHA: Cât timp poate rămâne o tehnică viabilă pentru distincția uman-AI?

CAPTCHA a devenit destul de dificil de rezolvat pentru utilizatori în ultimii ani. Va fi capabil să rămână eficient în detectarea spam-ului și a botului în viitor?

Singularitatea tehnologică: un viitor îndepărtat al civilizației umane?

Singularitatea tehnologică: un viitor îndepărtat al civilizației umane?

Pe măsură ce Știința Evoluează într-un ritm rapid, preluând multe dintre eforturile noastre, crește și riscurile de a ne supune unei Singularități inexplicabile. Citiți, ce ar putea însemna singularitatea pentru noi.

Telemedicină și îngrijire medicală la distanță: viitorul este aici

Telemedicină și îngrijire medicală la distanță: viitorul este aici

Ce este telemedicina, îngrijirea medicală la distanță și impactul acesteia asupra generației viitoare? Este un loc bun sau nu în situația de pandemie? Citiți blogul pentru a găsi o vedere!

Te-ai întrebat vreodată cum câștigă hackerii bani?

Te-ai întrebat vreodată cum câștigă hackerii bani?

Poate ați auzit că hackerii câștigă mulți bani, dar v-ați întrebat vreodată cum câștigă acești bani? sa discutam.

Actualizarea suplimentului macOS Catalina 10.15.4 cauzează mai multe probleme decât rezolvă

Actualizarea suplimentului macOS Catalina 10.15.4 cauzează mai multe probleme decât rezolvă

Recent, Apple a lansat macOS Catalina 10.15.4 o actualizare suplimentară pentru a remedia problemele, dar se pare că actualizarea provoacă mai multe probleme care duc la blocarea mașinilor Mac. Citiți acest articol pentru a afla mai multe