Nuxt.js è un framework JavaScript progettato per creare rapidamente applicazioni universali Vue.js. È noto soprattutto per la sua capacità di creare app Vue.js che possono essere renderizzate sia sul server che sul client. In questo tutorial, configureremo un'applicazione Nuxt.js renderizzata dal server e la distribuiremo su Ubuntu 18.04 LTS.
Innanzitutto, dovrai assicurarti di eseguire Ubuntu 18.04 LTS. Quindi, dovrai installare Node.js, se non è già installato. In questo tutorial, faremo uso di Node Version Manager, o NVM, per rendere questo processo molto più semplice.
Installa NVM usando i seguenti comandi.
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
Una volta installato Node.js, ora possiamo procedere alla configurazione dei pacchetti di cui avremo bisogno utilizzando NPM. Useremo un piccolo strumento utile chiamato create-nuxt-app, uno strumento creato dalla comunità che può facilmente creare applicazioni Nuxt.js.
Nella tua home directory, esegui il comando seguente per iniziare la generazione dell'app.
npx create-nuxt-app <nameofproject>
La console richiederà diverse opzioni importanti. Per il bene di questo tutorial, chiameremo il nostro progetto " app". Useremo Express come nostro framework server personalizzato e eseguiremo l'applicazione in modalità universale, il che ci assicura che eseguiremo il rendering del nostro sito Web sul server. Dopo aver specificato tutte le autorizzazioni necessarie, inizierà il processo di installazione e verranno creati tutti i file di configurazione.
Una volta scaricato tutto, cambia le directory nella cartella che hai appena creato.
cd app
Ora possiamo avviare il server di sviluppo Nuxt.js.
npm run dev
Questo comando costruirà il sito usando webpack, che è un bundle di moduli, e servirà il sito su una porta localhost, che sarà generalmente porta 3000. Ti darà anche accesso ai moduli di ricarica rapida, che rimuoveranno la necessità di riavviare l'applicazione ogni volta che modifichi un file. Poiché stiamo eseguendo l'app in modalità universale, l'app verrà compilata sia sul client che sul server. Ora l'applicazione sarà in esecuzione sulla porta 3000.
La modalità di sviluppo è molto utile quando si sviluppa attivamente l'applicazione. Tuttavia, quando si è pronti a rendere pubblica l'applicazione, i componenti aggiuntivi come hot-ricaricamento e strumenti per sviluppatori diventano meno importanti. Questo è il motivo per cui vorremmo creare la nostra applicazione una volta, per un ambiente di produzione. Per fortuna, Nuxt.js include uno strumento che possiamo usare per creare rapidamente i moduli della nostra app per la produzione. Eseguire quanto segue per iniziare il processo di generazione della produzione.
npm run build
In sostanza, quello che stiamo facendo qui è che stiamo compilando tutti i nostri moduli webpack, con ottimizzazioni per la produzione.
Una volta completata la compilazione, sarai in grado di eseguire il sito per la produzione.
npm start
Ora, se http://yourip:3000navighi verso , vedrai la schermata iniziale Nuxt.js, che conferma che sei in esecuzione in modalità di produzione.
Ora capiamo le basi dell'esecuzione della nostra applicazione per la produzione. In termini di ambiente di produzione, preferiremmo un buon modo per mantenere la nostra applicazione in esecuzione per sempre, riavviare automaticamente la nostra applicazione quando necessario e monitorare le risorse della nostra applicazione. È qui che entra in gioco Process Manager 2 (PM2). PM2 è un gestore di processi Node.js per applicazioni di produzione, che include molti importanti strumenti di produzione come bilanciamento del carico, registri avanzati, script di avvio e molto altro. Innanzitutto, installa PM2.
npm install pm2 -g
Questo installa PM2 a livello globale in modo che possiamo usarlo ovunque sul nostro server. Una volta terminato il download di PM2, possiamo avviare la nostra applicazione.
pm2 start <appfolder>/server/index.js
Nota che stiamo avviando il file del server che si trova all'interno della nostra radice dell'applicazione.
Se desideri visualizzare le risorse utilizzate dall'applicazione, puoi farlo con il pm2 monitcomando. Questo farà apparire un'interfaccia simile a quella di ncurses, dove puoi raccogliere con precisione dati sulla RAM della tua applicazione, CPU e utilizzo del disco.
Ormai, la tua applicazione funzionerà esattamente com'era quando l'abbiamo eseguita con npm in precedenza, tranne ora che abbiamo un controllo molto maggiore quando si tratta di ottimizzazioni della produzione.
Ora hai una build dell'applicazione Nuxt.js che viene distribuita per la produzione con Node.js e Ubuntu 18.04. Se desideri saperne di più su Nuxt e su tutte le sue funzionalità di approfondimento, non esitare a visitare la loro documentazione ufficiale .
LiteCart è una piattaforma di carrello degli acquisti gratuita e open source scritta in PHP, jQuery e HTML 5. È un software di e-commerce semplice, leggero e facile da usare
NFS è un file system basato su rete che consente ai computer di accedere ai file attraverso una rete di computer. Questa guida spiega come esporre le cartelle su NF
Introduzione Durante questo tutorial imparerai come configurare un livello base di sicurezza su una nuovissima macchina virtuale Vultr VC2 che esegue Ubunt
McMyAdmin è un pannello di controllo del server Minecraft utilizzato per amministrare il tuo server. Sebbene McMyAdmin sia gratuito, ci sono più edizioni, alcune delle quali sono pai
TeamTalk è un sistema di conferenza che consente agli utenti di avere conversazioni audio / video di alta qualità, chat di testo, trasferire file e condividere schermate. Io
Usi un sistema diverso? Introduzione CyberPanel è uno dei primi pannelli di controllo sul mercato che è sia open source che utilizza OpenLiteSpeed. Che cosa
Introduzione Sensu è una soluzione di monitoraggio gratuita e open source che può essere utilizzata per monitorare server, applicazioni e vari servizi di sistema. Sensu i
PhpBB è un programma di bacheca open source. Questo articolo ti mostrerà come installare phpBB su un server web Apache su Ubuntu 16.04. Era scritto
Avere un solo utente, che è root, può essere pericoloso. Quindi risolviamolo. Vultr ci offre la libertà di fare ciò che vogliamo con i nostri utenti e i nostri server
Vultr offre diversi modi per accedere al tuo VPS per configurare, installare e utilizzare. Credenziali di accesso Le credenziali di accesso predefinite per il tuo VPS ar
Usi un sistema diverso? Fuel CMS è un sistema di gestione dei contenuti basato su CodeIgniter. Il suo codice sorgente è ospitato su GitHub. Questa guida ti mostrerà come t
Usi un sistema diverso? Couch CMS è un sistema di gestione dei contenuti (CMS) semplice e flessibile, gratuito e open source che consente ai web designer di progettare
Golang è un linguaggio di programmazione sviluppato da Google. Grazie alla sua versatilità, semplicità e affidabilità, Golang è diventato uno dei più popolari
Usi un sistema diverso? Apache OpenMeetings è unapplicazione per conferenze Web open source. È scritto in Java e supporta più server di database. io
IRC è popolare tra gli sviluppatori e gli utenti di software open source. Uno degli svantaggi di IRC è quando non sei in linea, potresti perdere Importan
Luso di un utente sudo per accedere a un server ed eseguire comandi a livello di root è una pratica molto comune tra Linux e Unix Systems Administrator. Luso di un sud
Usando un sistema diverso? RabbitMQ è un broker di messaggi open source ampiamente utilizzato scritto nel linguaggio di programmazione Erlang. Come middleware orientato ai messaggi
Usi un sistema diverso? TLS 1.3 è una versione del protocollo TLS (Transport Layer Security) che è stato pubblicato nel 2018 come standard proposto in RFC 8446
Questo articolo ti insegnerà come impostare una prigione chroot su Debian. Presumo che tu stia usando Debian 7.x. Se usi Debian 6 o 8, questo potrebbe funzionare, bu
Introduzione Un modo semplice per configurare un server VPN su Debian è con PiVPN. PiVPN è un programma di installazione e wrapper per OpenVPN. Crea semplici comandi per te t
Gli attacchi ransomware sono in aumento, ma l'intelligenza artificiale può aiutare ad affrontare l'ultimo virus informatico? L'intelligenza artificiale è la risposta? Leggi qui sai è AI boone o bane
ReactOS, un sistema operativo open source e gratuito è qui con l'ultima versione. Può essere sufficiente alle esigenze degli utenti Windows moderni e abbattere Microsoft? Scopriamo di più su questo vecchio stile, ma un'esperienza del sistema operativo più recente.
Whatsapp ha finalmente lanciato l'app desktop per utenti Mac e Windows. Ora puoi accedere facilmente a Whatsapp da Windows o Mac. Disponibile per Windows 8+ e Mac OS 10.9+
Leggi questo per sapere come l'intelligenza artificiale sta diventando popolare tra le aziende di piccole dimensioni e come sta aumentando le probabilità di farle crescere e dare un vantaggio ai loro concorrenti.
Recentemente Apple ha rilasciato macOS Catalina 10.15.4 un aggiornamento supplementare per risolvere i problemi, ma sembra che l'aggiornamento stia causando più problemi che portano al bricking delle macchine mac. Leggi questo articolo per saperne di più
13 strumenti commerciali per l'estrazione dei dati dai Big Data
Il nostro computer memorizza tutti i dati in un modo organizzato noto come file system di journaling. È un metodo efficiente che consente al computer di cercare e visualizzare i file non appena si preme search.https://wethegeek.com/?p=94116&preview=true
Man mano che la scienza si evolve a un ritmo rapido, assumendo gran parte dei nostri sforzi, aumentano anche i rischi di sottoporci a una singolarità inspiegabile. Leggi, cosa potrebbe significare per noi la singolarità.
Uno sguardo a 26 tecniche di analisi dei Big Data: Parte 1
L'intelligenza artificiale nell'assistenza sanitaria ha compiuto grandi passi avanti negli ultimi decenni. Pertanto, il futuro dell'IA in sanità continua a crescere giorno dopo giorno.
