Konfigurer en Nuxt.js-webapplikation på Ubuntu 18.04 LTS

Nuxt.js: The Universal Framework

Nuxt.js er en JavaScript-ramme designet til hurtigt at skabe universelle Vue.js-applikationer. Det er mest kendt for dets evne til at skabe Vue.js-apps, der kan gengives på serveren såvel som på klienten. I denne tutorial vil vi opsætte en server-renderet Nuxt.js-applikation og implementere den på Ubuntu 18.04 LTS.

Installerer Node.js

Først skal du sikre dig, at du kører Ubuntu 18.04 LTS. Derefter skal du installere Node.js, hvis det ikke allerede er installeret. I denne tutorial vil vi gøre brug af Node Version Manager eller NVM for at gøre denne proces meget nemmere.

Installer NVM ved hjælp af følgende kommandoer.

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

Stilladsapplikation

Når du har installeret Node.js, kan vi nu fortsætte med at opsætte de pakker, vi skal bruge ved hjælp af NPM. Vi vil bruge et praktisk lille værktøj kaldet create-nuxt-app, et community-lavet værktøj, som nemt kan oprette Nuxt.js-applikationer.

Kør følgende kommando i din hjemmemappe for at starte appgenereringen.

npx create-nuxt-app <nameofproject>

Konsollen vil bede dig om flere vigtige muligheder. Af hensyn til denne vejledning vil vi navngive vores projekt " app". Vi vil bruge Express som vores brugerdefinerede serverramme, og vi kører applikationen i universel tilstand, som sikrer, at vi renderer vores hjemmeside på serveren. Når du har angivet alle nødvendige tilladelser, begynder installationsprocessen, og alle konfigurationsfiler vil blive oprettet.

Indledende start

Når alt er downloadet, skal du ændre mapper til den mappe, du lige har oprettet.

cd app

Nu kan vi starte Nuxt.js udviklingsserveren.

npm run dev

Denne kommando vil bygge webstedet ved hjælp af webpack, som er en modulbundter, og betjene webstedet på en localhost-port, som generelt vil være port 3000. Det vil også give dig adgang til hot-genindlæsningsmoduler, som fjerner behovet for at genstarte programmet, hver gang du ændrer en fil. Da vi kører appen i universel tilstand, vil appen kompilere på både klienten og serveren. Nu vil din applikation køre på port 3000.

Bygning til produktion

Udviklingstilstand er ret nyttig, når du aktivt udvikler din applikation. Men når du er klar til at gøre din applikation offentlig, bliver tilføjelser såsom hot-genindlæsning og udviklerværktøjer mindre vigtige. Det er derfor, vi ønsker at bygge vores applikation én gang, til et produktionsmiljø. Heldigvis indeholder Nuxt.js et værktøj, som vi kan bruge til hurtigt at bygge vores apps moduler til produktion. Kør følgende for at starte produktionsopbygningsprocessen.

npm run build

Grundlæggende er det, vi gør her, at vi kompilerer alle vores webpack-moduler med optimeringer til produktion.

Når opbygningen er færdig, vil du være i stand til at køre webstedet til produktion.

npm start

Nu, hvis du navigerer til http://yourip:3000, vil du se Nuxt.js-startskærmen, som bekræfter, at du kører i produktionstilstand.

PM2: Administrer din applikation med lethed

Nu forstår vi det grundlæggende i at køre vores applikation til produktion. Med hensyn til et produktionsmiljø ville vi foretrække en god måde at holde vores applikation kørende for evigt, auto-genstarte vores applikation, når det er nødvendigt, og overvåge vores applikations ressourcer. Det er her, Process Manager 2 (PM2) kommer ind i billedet. PM2 er en Node.js-procesmanager til produktionsapplikationer, som omfatter mange vigtige produktionsværktøjer såsom belastningsbalancering, avancerede logfiler, opstartsscripts og meget mere. Først skal du installere PM2.

npm install pm2 -g

Dette installerer PM2 globalt, så vi kan bruge det hvor som helst på vores server. Når PM2 er færdig med at downloade, kan vi starte vores applikation.

pm2 start <appfolder>/server/index.js

Bemærk, at vi starter serverfilen, der er placeret inde i vores applikationsrod.

Hvis du gerne vil se de ressourcer, som din applikation bruger, kan du gøre det med pm2 monitkommandoen. Dette vil frembringe en grænseflade, der ligner den for ncurses, hvor du præcist kan indsamle data om din applikations RAM, CPU og diskbrug.

På nuværende tidspunkt vil din applikation køre præcis, som den var, da vi kørte den med npm tidligere, bortset fra at vi nu har meget mere kontrol, når det kommer til produktionsoptimeringer.

Du har nu en Nuxt.js-applikationsbuild, der er implementeret til produktion med Node.js og Ubuntu 18.04. Hvis du gerne vil lære mere om Nuxt og alle dets dybdegående funktioner, er du velkommen til at besøge deres officielle dokumentation .


Installer Plesk på CentOS 7

Installer Plesk på CentOS 7

Bruger du et andet system? Plesk er et proprietært webhost kontrolpanel, der giver brugerne mulighed for at administrere deres personlige og/eller klienters websteder, databaser

Sådan konfigureres uovervågede opgraderinger på Debian 9 (Stretch)

Sådan konfigureres uovervågede opgraderinger på Debian 9 (Stretch)

Bruger du et andet system? Hvis du køber en Debian-server, bør du altid have de nyeste sikkerhedsrettelser og opdateringer, uanset om du sover eller ej

Sådan installeres Squid Proxy på CentOS

Sådan installeres Squid Proxy på CentOS

Squid er et populært, gratis Linux-program, der giver dig mulighed for at oprette en webproxy til videresendelse. I denne vejledning vil du se, hvordan du installerer Squid på CentOS for at gøre dig

Opsæt din egen DNS-server på Debian/Ubuntu

Opsæt din egen DNS-server på Debian/Ubuntu

Denne vejledning forklarer, hvordan man opsætter en DNS-server ved hjælp af Bind9 på Debian eller Ubuntu. Gennem hele artiklen skal du erstatte dit-domænenavn.com i overensstemmelse hermed. Ved th

Konfigurer Red5 Media Server på Ubuntu 16.04

Konfigurer Red5 Media Server på Ubuntu 16.04

Bruger du et andet system? Red5 er en open source medieserver implementeret i Java, der giver dig mulighed for at køre Flash multi-bruger applikationer såsom live streamin

Sådan installeres Vanilla Forum på Ubuntu 16.04

Sådan installeres Vanilla Forum på Ubuntu 16.04

Bruger du et andet system? Vanilla forum er en open source forumapplikation skrevet i PHP. Det er en fuldt tilpasselig, nem at bruge og understøtter ekstern

Installer Lynis på Debian 8

Installer Lynis på Debian 8

Introduktion Lynis er et gratis, open source-systemrevisionsværktøj, der bruges af mange systemadministratorer til at verificere integriteten og hærde deres systemer. jeg

Sådan installeres Microweber på CentOS 7

Sådan installeres Microweber på CentOS 7

Bruger du et andet system? Microweber er en open source træk og slip CMS og online shop. Microweber-kildekoden er hostet på GitHub. Denne guide vil vise dig

Installation af Microweber på Ubuntu 16.04

Installation af Microweber på Ubuntu 16.04

Bruger du et andet system? Microweber er en open source træk og slip CMS og online shop. Microweber-kildekoden er hostet på GitHub. Denne guide vil vise dig

Sådan installeres Mattermost 4.1 på CentOS 7

Sådan installeres Mattermost 4.1 på CentOS 7

Bruger du et andet system? Mattermost er et open source, selvhostet alternativ til Slack SAAS-meddelelsestjenesten. Med andre ord, med Mattermost er du ca

Sådan installeres dotCMS på Ubuntu 16.04

Sådan installeres dotCMS på Ubuntu 16.04

Bruger du et andet system? DotCMS er et open source, enterprise-grade content management system skrevet i Java. Den indeholder næsten alle nødvendige funktioner

Sådan installeres BigTree CMS på en Fedora 26 LAMP VPS

Sådan installeres BigTree CMS på en Fedora 26 LAMP VPS

Bruger du et andet system? BigTree CMS 4.2 er et hurtigt og let, gratis og open source, enterprise-grade content management system (CMS) med omfattende

Oprettelse af et netværk af Minecraft-servere med BungeeCord på Debian 8, Debian 9 eller CentOS 7

Oprettelse af et netværk af Minecraft-servere med BungeeCord på Debian 8, Debian 9 eller CentOS 7

Hvad skal du bruge En Vultr VPS med mindst 1 GB RAM. SSH-adgang (med root/administrative rettigheder). Trin 1: Installation af BungeeCord Første ting først

Installation af Docker CE på Ubuntu 16.04

Installation af Docker CE på Ubuntu 16.04

Bruger du et andet system? Docker er et program, der gør det muligt at implementere programmer, der køres som containere. Det blev skrevet i det populære Go-programmin

Sådan installeres Golang 1.8.3 på CentOS 7, Ubuntu 16.04 og Debian 9

Sådan installeres Golang 1.8.3 på CentOS 7, Ubuntu 16.04 og Debian 9

Golang er et programmeringssprog udviklet af Google. Takket være sin alsidighed, enkelhed og pålidelighed er Golang blevet en af ​​de mest populære

Lad os kryptere på Plesk

Lad os kryptere på Plesk

Plesk-kontrolpanelet har en meget flot integration til Lets Encrypt. Lets Encrypt er en af ​​de eneste SSL-udbydere, der udleverer certifikater komplet

Lader kryptere på cPanel

Lader kryptere på cPanel

Lets Encrypt er en certifikatmyndighed dedikeret til at levere SSL-certifikater gratis. cPanel har bygget en pæn integration, så du og din klient

Nulstil MySQL Root Password på Debian/Ubuntu

Nulstil MySQL Root Password på Debian/Ubuntu

Hvis du har glemt din MySQL root-adgangskode, kan du nulstille den ved at følge trinene i denne artikel. Processen er ret enkel og fungerer på disse

Sådan installeres GoAccess på Ubuntu 16.04

Sådan installeres GoAccess på Ubuntu 16.04

Bruger du et andet system? GoAccess er en open source weblog-analysator. Du kan bruge det til analyse af logs på realtidsbasis i enten terminalen eller

Sådan installeres YOURLS på CentOS 7

Sådan installeres YOURLS på CentOS 7

YOURLS (Your Own URL Shortener) er en open source URL-forkortelse og dataanalyseapplikation. I denne artikel vil vi dække installationsprocessen

The Rise of Machines: Real World Applications of AI

The Rise of Machines: Real World Applications of AI

Kunstig intelligens er ikke i fremtiden, det er her lige i nuet I denne blog Læs, hvordan kunstig intelligens-applikationer har påvirket forskellige sektorer.

DDOS-angreb: et kort overblik

DDOS-angreb: et kort overblik

Er du også et offer for DDOS-angreb og forvirret over forebyggelsesmetoderne? Læs denne artikel for at løse dine spørgsmål.

Har du nogensinde spekuleret på, hvordan tjener hackere penge?

Har du nogensinde spekuleret på, hvordan tjener hackere penge?

Du har måske hørt, at hackere tjener mange penge, men har du nogensinde spekuleret på, hvordan tjener de den slags penge? lad os diskutere.

Revolutionære opfindelser fra Google, der vil gøre dit liv lettere.

Revolutionære opfindelser fra Google, der vil gøre dit liv lettere.

Vil du se revolutionerende opfindelser fra Google, og hvordan disse opfindelser ændrede livet for ethvert menneske i dag? Læs derefter til bloggen for at se opfindelser fra Google.

Fredag ​​Essential: Hvad skete der med AI-drevne biler?

Fredag ​​Essential: Hvad skete der med AI-drevne biler?

Konceptet med selvkørende biler til at køre på vejene ved hjælp af kunstig intelligens er en drøm, vi har haft i et stykke tid nu. Men på trods af flere løfter er de ingen steder at se. Læs denne blog for at lære mere...

Teknologisk singularitet: En fjern fremtid for menneskelig civilisation?

Teknologisk singularitet: En fjern fremtid for menneskelig civilisation?

Efterhånden som videnskaben udvikler sig i et hurtigt tempo og overtager en stor del af vores indsats, stiger risikoen for at udsætte os selv for en uforklarlig Singularitet. Læs, hvad singularitet kunne betyde for os.

Udvikling af datalagring – Infografik

Udvikling af datalagring – Infografik

Opbevaringsmetoderne for dataene har været under udvikling, kan være siden fødslen af ​​dataene. Denne blog dækker udviklingen af ​​datalagring på basis af en infografik.

Funktioner af Big Data Reference Architecture Layers

Funktioner af Big Data Reference Architecture Layers

Læs bloggen for at kende forskellige lag i Big Data-arkitekturen og deres funktionaliteter på den enkleste måde.

6 fantastiske fordele ved at have smarte hjemmeenheder i vores liv

6 fantastiske fordele ved at have smarte hjemmeenheder i vores liv

I denne digitalt drevne verden er smarte hjemmeenheder blevet en afgørende del af livet. Her er et par fantastiske fordele ved smarte hjemmeenheder om, hvordan de gør vores liv værd at leve og enklere.

macOS Catalina 10.15.4-tillægsopdatering forårsager flere problemer end at løse

macOS Catalina 10.15.4-tillægsopdatering forårsager flere problemer end at løse

For nylig udgav Apple macOS Catalina 10.15.4 en supplerende opdatering for at løse problemer, men det ser ud til, at opdateringen forårsager flere problemer, hvilket fører til mursten af ​​mac-maskiner. Læs denne artikel for at lære mere