Configureu una aplicació web Nuxt.js a Ubuntu 18.04 LTS

Nuxt.js: el marc universal

Nuxt.js és un marc de JavaScript dissenyat per crear ràpidament aplicacions universals Vue.js. És més conegut per la seva capacitat de crear aplicacions Vue.js que es poden representar al servidor i al client. En aquest tutorial, configurarem una aplicació Nuxt.js renderitzada al servidor i la implementarem a Ubuntu 18.04 LTS.

Instal·lant Node.js

En primer lloc, haureu d'assegurar-vos que esteu executant Ubuntu 18.04 LTS. Aleshores, haureu d'instal·lar Node.js, si encara no està instal·lat. En aquest tutorial, farem ús del Node Version Manager, o NVM, per facilitar molt aquest procés.

Instal·leu NVM mitjançant les ordres següents.

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

Aplicació de bastida

Un cop hàgiu instal·lat Node.js, ara podem procedir a configurar els paquets que necessitarem mitjançant NPM. Farem servir una petita eina pràctica anomenada create-nuxt-app, una eina creada per la comunitat que pot crear fàcilment aplicacions Nuxt.js.

Al vostre directori d'inici, executeu l'ordre següent per començar la generació de l'aplicació.

npx create-nuxt-app <nameofproject>

La consola us demanarà diverses opcions importants. Pel bé d'aquest tutorial, anomenarem el nostre projecte " app". Utilitzarem Express com a marc de servidor personalitzat i executarem l'aplicació en mode universal, la qual cosa garanteix que renderitzarem el nostre lloc web al servidor. Quan hàgiu especificat tots els permisos necessaris, començarà el procés d'instal·lació i es crearan tots els fitxers de configuració.

Inici Inicial

Un cop s'hagi descarregat tot, canvieu els directoris a la carpeta que acabeu de crear.

cd app

Ara podem iniciar el servidor de desenvolupament Nuxt.js.

npm run dev

Aquesta ordre crearà el lloc utilitzant webpack, que és un paquet de mòduls, i servirà el lloc en un port localhost, que generalment serà port 3000. També us donarà accés als mòduls de recàrrega en calent, que eliminaran la necessitat de reiniciar l'aplicació cada vegada que canvieu un fitxer. Com que estem executant l'aplicació en mode universal, l'aplicació es compilarà tant al client com al servidor. Ara la vostra aplicació s'executarà al port 3000.

Edifici per a la producció

El mode de desenvolupament és força útil quan esteu desenvolupant activament la vostra aplicació. Tanmateix, quan esteu preparat per fer pública la vostra aplicació, els complements com ara la recàrrega en calent i les eines per a desenvolupadors són menys importants. És per això que volem construir la nostra aplicació una vegada, per a un entorn de producció. Afortunadament, Nuxt.js inclou una eina que podem utilitzar per crear ràpidament els mòduls de la nostra aplicació per a la producció. Executeu el següent per començar el procés de creació de producció.

npm run build

Bàsicament, el que estem fent aquí és compilar tots els nostres mòduls webpack, amb optimitzacions per a la producció.

Un cop finalitzada la compilació, podreu executar el lloc per a la producció.

npm start

Ara, si navegueu a http://yourip:3000, veureu la pantalla de presentació de Nuxt.js, que confirma que esteu executant en mode de producció.

PM2: Gestioneu la vostra aplicació amb facilitat

Ara entenem els conceptes bàsics per executar la nostra aplicació per a producció. Pel que fa a un entorn de producció, preferirem una bona manera de mantenir la nostra aplicació en funcionament per sempre, reiniciar-la automàticament quan sigui necessari i supervisar els recursos de la nostra aplicació. Aquí és on entra en joc Process Manager 2 (PM2). PM2 és un gestor de processos Node.js per a aplicacions de producció, que inclou moltes eines de producció importants com ara l'equilibri de càrrega, registres avançats, scripts d'inici i molt més. Primer, instal·leu PM2.

npm install pm2 -g

Això instal·la PM2 globalment perquè puguem utilitzar-lo a qualsevol lloc del nostre servidor. Un cop finalitzada la descàrrega de PM2, podem iniciar la nostra aplicació.

pm2 start <appfolder>/server/index.js

Tingueu en compte que estem iniciant el fitxer del servidor que es troba a l'arrel de la nostra aplicació.

Si voleu veure els recursos que consumeix la vostra aplicació, podeu fer-ho amb l' pm2 monitordre. Això mostrarà una interfície similar a la de ncurses, on podeu recopilar dades amb precisió sobre la memòria RAM, la CPU i l'ús del disc de la vostra aplicació.

A hores d'ara, la vostra aplicació s'executarà exactament com estava quan la vam executar amb npm anteriorment, excepte que ara tenim molt més control quan es tracta d'optimitzacions de producció.

Ara teniu una compilació d'aplicació Nuxt.js que es desplega per a la producció amb Node.js i Ubuntu 18.04. Si voleu obtenir més informació sobre Nuxt i totes les seves funcions en profunditat, no dubteu a visitar la seva documentació oficial .


Instal·leu Plesk a CentOS 7

Instal·leu Plesk a CentOS 7

Utilitzeu un sistema diferent? Plesk és un tauler de control d'amfitrió web propietari que permet als usuaris administrar els seus llocs web personals i/o de clients, bases de dades

Instal·leu Lets Encrypt SSL a laplicació de WordPress dun sol clic

Instal·leu Lets Encrypt SSL a laplicació de WordPress dun sol clic

Introducció Lets Encrypt és un servei d'autoritat de certificació que ofereix certificats TLS/SSL gratuïts. El procés d'instal·lació està simplificat per Certbot,

Com configurar un servidor Tekkit Classic a Ubuntu 16.10

Com configurar un servidor Tekkit Classic a Ubuntu 16.10

Utilitzeu un sistema diferent? Què és Tekkit Classic? Tekkit Classic és un modpack per al joc que tothom coneix i estima; Minecraft. Conté algunes de la ver

Creació dun bloc Jekyll a Ubuntu 16.04

Creació dun bloc Jekyll a Ubuntu 16.04

Utilitzeu un sistema diferent? Jekyll és una gran alternativa a WordPress per crear blocs o compartir contingut. No requereix cap base de dades i és molt fàcil

Com configurar actualitzacions desateses a Debian 9 (Stretch)

Com configurar actualitzacions desateses a Debian 9 (Stretch)

Utilitzeu un sistema diferent? Si compres un servidor Debian, sempre hauríeu de tenir els darrers pedaços i actualitzacions de seguretat, tant si esteu adormit com si no.

Com instal·lar i configurar PHP 7.0 o PHP 7.1 a Ubuntu 16.04

Com instal·lar i configurar PHP 7.0 o PHP 7.1 a Ubuntu 16.04

PHP i els paquets relacionats són els components més utilitzats quan es desplega un servidor web. En aquest article, aprendrem a configurar PHP 7.0 o PHP 7.1 o

Com instal·lar Squid Proxy a CentOS

Com instal·lar Squid Proxy a CentOS

Squid és un popular programa Linux gratuït que us permet crear un servidor intermediari web de reenviament. En aquesta guia, veureu com instal·lar Squid a CentOS per convertir-vos-hi

Com instal·lar Lighttpd (LLMP Stack) a CentOS 6

Com instal·lar Lighttpd (LLMP Stack) a CentOS 6

Introducció Lighttpd és una bifurcació d'Apache destinada a ser molt menys intensiu en recursos. És lleuger, d'aquí el seu nom, i és bastant senzill d'utilitzar. Instal·lant

Tres panells de control de servidor gratuïts (instal·lació ràpida)

Tres panells de control de servidor gratuïts (instal·lació ràpida)

1. Virtualmin/Webmin Virtualmin és un tauler de control d'allotjament web potent i flexible per a sistemes Linux i UNIX basat en la coneguda base web de codi obert

Configuració duna aplicació Yii a Ubuntu 14.04

Configuració duna aplicació Yii a Ubuntu 14.04

Yii és un framework PHP que permet desenvolupar aplicacions de manera més ràpida i senzilla. Instal·lar Yii a Ubuntu és senzill, ja que aprendràs exactament

Ús de Screen a Ubuntu 14.04

Ús de Screen a Ubuntu 14.04

Screen és una aplicació que permet l'ús múltiple de sessions de terminal dins d'una finestra. Això us permet simular diverses finestres de terminal on es fa

Configura el teu propi servidor DNS a Debian/Ubuntu

Configura el teu propi servidor DNS a Debian/Ubuntu

Aquest tutorial explica com configurar un servidor DNS amb Bind9 a Debian o Ubuntu. Al llarg de l'article, substituïu el vostre-nom-domini.com en conseqüència. Al th

Ús de Logrotate per gestionar fitxers de registre

Ús de Logrotate per gestionar fitxers de registre

Introducció Logrotate és una utilitat Linux que simplifica l'administració dels fitxers de registre. Normalment s'executa un cop al dia mitjançant un treball cron i gestiona la base de registres

Configuració de xarxes estàtiques i IPv6 a CentOS 7

Configuració de xarxes estàtiques i IPv6 a CentOS 7

Recentment, VULTR ha fet canvis al seu extrem, i ara tot hauria de funcionar bé des de la caixa amb NetworkManager habilitat. Si voleu desactivar

Modificació dIcinga2 per utilitzar el model mestre/client a CentOS 6 o CentOS 7

Modificació dIcinga2 per utilitzar el model mestre/client a CentOS 6 o CentOS 7

Icinga2 és un sistema de supervisió potent i, quan s'utilitza en un model de client mestre, pot substituir la necessitat de controls de monitoratge basats en NRPE. El mestre-client

Configura Red5 Media Server a Ubuntu 16.04

Configura Red5 Media Server a Ubuntu 16.04

Utilitzeu un sistema diferent? Red5 és un servidor multimèdia de codi obert implementat a Java que us permet executar aplicacions Flash multiusuari com ara la transmissió en directe.

Compileu i instal·leu Nginx amb el mòdul PageSpeed ​​a Debian 8

Compileu i instal·leu Nginx amb el mòdul PageSpeed ​​a Debian 8

En aquest article, veurem com compilar i instal·lar la línia principal de Nginx des de les fonts oficials de Nginx amb el mòdul PageSpeed, que us permet

Com instal·lar Apache Cassandra 3.11.x a Ubuntu 16.04 LTS

Com instal·lar Apache Cassandra 3.11.x a Ubuntu 16.04 LTS

Utilitzeu un sistema diferent? Apache Cassandra és un sistema de gestió de bases de dades NoSQL gratuït i de codi obert dissenyat per proporcionar escalabilitat, alta

Com instal·lar Apache Cassandra 3.11.x a CentOS 7

Com instal·lar Apache Cassandra 3.11.x a CentOS 7

Utilitzeu un sistema diferent? Apache Cassandra és un sistema de gestió de bases de dades NoSQL gratuït i de codi obert dissenyat per proporcionar escalabilitat, alta

Com instal·lar Vanilla Forum a Ubuntu 16.04

Com instal·lar Vanilla Forum a Ubuntu 16.04

Utilitzeu un sistema diferent? Vanilla Forum és una aplicació de fòrum de codi obert escrita en PHP. És totalment personalitzable, fàcil d'utilitzar i admet externa

The Rise of Machines: Real World Applications of AI

The Rise of Machines: Real World Applications of AI

La Intel·ligència Artificial no està en el futur, és aquí mateix en el present. En aquest bloc Llegiu com les aplicacions d'Intel·ligència Artificial han afectat diversos sectors.

Atacs DDOS: una breu visió general

Atacs DDOS: una breu visió general

També ets víctima d'atacs DDOS i estàs confós sobre els mètodes de prevenció? Llegiu aquest article per resoldre les vostres consultes.

Us heu preguntat mai com guanyen diners els pirates informàtics?

Us heu preguntat mai com guanyen diners els pirates informàtics?

Potser haureu sentit que els pirates informàtics guanyen molts diners, però us heu preguntat mai com guanyen aquest tipus de diners? anem a discutir.

Invents revolucionaris de Google que us facilitaran la vida.

Invents revolucionaris de Google que us facilitaran la vida.

Vols veure els invents revolucionaris de Google i com aquests invents van canviar la vida de tots els éssers humans actuals? A continuació, llegiu al bloc per veure els invents de Google.

Divendres essencial: què va passar amb els cotxes impulsats per IA?

Divendres essencial: què va passar amb els cotxes impulsats per IA?

El concepte de cotxes autònoms per sortir a les carreteres amb l'ajuda de la intel·ligència artificial és un somni que tenim des de fa temps. Però malgrat les diverses promeses, no es veuen enlloc. Llegeix aquest blog per saber-ne més...

Singularitat tecnològica: un futur llunyà de la civilització humana?

Singularitat tecnològica: un futur llunyà de la civilització humana?

A mesura que la ciència evoluciona a un ritme ràpid, fent-se càrrec de molts dels nostres esforços, també augmenten els riscos de sotmetre'ns a una singularitat inexplicable. Llegeix, què pot significar per a nosaltres la singularitat.

Evolució de lemmagatzematge de dades – Infografia

Evolució de lemmagatzematge de dades – Infografia

Els mètodes d'emmagatzematge de les dades que han anat evolucionant poden ser des del naixement de les dades. Aquest bloc tracta l'evolució de l'emmagatzematge de dades a partir d'una infografia.

Funcionalitats de les capes darquitectura de referència de Big Data

Funcionalitats de les capes darquitectura de referència de Big Data

Llegeix el blog per conèixer de la manera més senzilla les diferents capes de l'Arquitectura Big Data i les seves funcionalitats.

6 avantatges sorprenents de tenir dispositius domèstics intel·ligents a les nostres vides

6 avantatges sorprenents de tenir dispositius domèstics intel·ligents a les nostres vides

En aquest món digital, els dispositius domèstics intel·ligents s'han convertit en una part crucial de les vides. A continuació, es mostren alguns avantatges sorprenents dels dispositius domèstics intel·ligents sobre com fan que la nostra vida valgui la pena i sigui més senzilla.

Lactualització del suplement de macOS Catalina 10.15.4 està causant més problemes que no pas solucions

Lactualització del suplement de macOS Catalina 10.15.4 està causant més problemes que no pas solucions

Recentment, Apple va llançar macOS Catalina 10.15.4, una actualització de suplements per solucionar problemes, però sembla que l'actualització està causant més problemes que provoquen el bloqueig de les màquines Mac. Llegiu aquest article per obtenir més informació