Konfigurera en Nuxt.js-webbapplikation på Ubuntu 18.04 LTS

Nuxt.js: The Universal Framework

Nuxt.js är ett JavaScript-ramverk utformat för att snabbt skapa universella Vue.js-applikationer. Det är mest känt för sin förmåga att skapa Vue.js-appar som kan renderas på servern såväl som på klienten. I den här handledningen kommer vi att ställa in en server-renderad Nuxt.js-applikation och distribuera den på Ubuntu 18.04 LTS.

Installerar Node.js

Först måste du se till att du kör Ubuntu 18.04 LTS. Sedan måste du installera Node.js, om det inte redan är installerat. I den här handledningen kommer vi att använda Node Version Manager, eller NVM, för att göra denna process mycket enklare.

Installera NVM med följande kommandon.

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

Ansökan om ställning

När du har installerat Node.js kan vi nu fortsätta med att ställa in de paket vi behöver med hjälp av NPM. Vi kommer att använda ett praktiskt litet verktyg som heter create-nuxt-app, ett community-gjort verktyg som enkelt kan skapa Nuxt.js-applikationer.

Kör följande kommando i din hemkatalog för att starta appgenereringen.

npx create-nuxt-app <nameofproject>

Konsolen kommer att fråga dig om flera viktiga alternativ. För den här handledningens skull kommer vi att döpa vårt projekt till " app". Vi kommer att använda Express som vårt anpassade serverramverk, och vi kommer att köra applikationen i universellt läge, vilket säkerställer att vi kommer att rendera vår webbplats på servern. När du har angett alla nödvändiga behörigheter börjar installationsprocessen och alla konfigurationsfiler skapas.

Första start

När allt har laddats ner, ändra kataloger till mappen som du just skapade.

cd app

Nu kan vi starta utvecklingsservern Nuxt.js.

npm run dev

Det här kommandot kommer att bygga webbplatsen med hjälp av webpack, som är en modulbuntare, och servera webbplatsen på en localhost-port, som vanligtvis kommer att vara port 3000. Det kommer också att ge dig tillgång till moduler som laddas om, vilket tar bort behovet av att starta om programmet varje gång du ändrar en fil. Eftersom vi kör appen i universellt läge kommer appen att kompilera på både klienten och servern. Nu kommer din applikation att köras på port 3000.

Byggnad för produktion

Utvecklingsläge är ganska användbart när du aktivt utvecklar din applikation. Men när du är redo att göra din applikation offentlig blir tillägg som hot-reloading och utvecklarverktyg mindre viktiga. Det är därför vi kommer att vilja bygga vår applikation en gång, för en produktionsmiljö. Tack och lov innehåller Nuxt.js ett verktyg som vi kan använda för att snabbt bygga våra appmoduler för produktion. Kör följande för att påbörja produktionsprocessen.

npm run build

Vad vi gör här är att vi kompilerar alla våra webpack-moduler med optimeringar för produktion.

När bygget är klart kommer du att kunna köra webbplatsen för produktion.

npm start

Om du nu navigerar till http://yourip:3000kommer du att se startskärmen Nuxt.js, som bekräftar att du kör i produktionsläge.

PM2: Hantera din applikation med lätthet

Nu förstår vi grunderna för att köra vår applikation för produktion. När det gäller en produktionsmiljö skulle vi föredra ett bra sätt att hålla vår applikation igång för alltid, starta om vår applikation automatiskt vid behov och övervaka vår applikations resurser. Det är där Process Manager 2 (PM2) kommer in. PM2 är en Node.js processhanterare för produktionsapplikationer, som inkluderar många viktiga produktionsverktyg som lastbalansering, avancerade loggar, startskript och mycket mer. Installera först PM2.

npm install pm2 -g

Detta installerar PM2 globalt så att vi kan använda det var som helst på vår server. När PM2 har laddats ner kan vi starta vår applikation.

pm2 start <appfolder>/server/index.js

Observera att vi startar serverfilen som finns inuti vår programrot.

Om du vill se de resurser som din applikation förbrukar kan du göra det med pm2 monitkommandot. Detta kommer att ta fram ett gränssnitt som liknar det för ncurses, där du exakt kan samla in data om din applikations RAM-, CPU- och diskanvändning.

Vid det här laget kommer din applikation att köras exakt som den var när vi körde den med npm tidigare, förutom nu har vi mycket mer kontroll när det kommer till produktionsoptimeringar.

Du har nu ett Nuxt.js-applikationsbygge som distribueras för produktion med Node.js och Ubuntu 18.04. Om du vill lära dig mer om Nuxt och alla dess djupgående funktioner, besök gärna deras officiella dokumentation .


Installera Plesk på CentOS 7

Installera Plesk på CentOS 7

Använder du ett annat system? Plesk är en egen kontrollpanel för webbhotell som tillåter användare att administrera sina personliga och/eller klienters webbplatser, databaser

Installera Cacti på Debian Jessie

Installera Cacti på Debian Jessie

Introduktion Cacti är ett övervaknings- och grafverktyg med öppen källkod som är helt baserat på RRD-data. Genom Cacti kan du övervaka nästan vilken typ av enhet som helst

Installera Lets Encrypt SSL på One-Click WordPress-appen

Installera Lets Encrypt SSL på One-Click WordPress-appen

Introduktion Lets Encrypt är en certifikatmyndighetstjänst som erbjuder gratis TLS/SSL-certifikat. Installationsprocessen förenklas av Certbot,

Hur man ställer in en Tekkit Classic-server på Ubuntu 16.10

Hur man ställer in en Tekkit Classic-server på Ubuntu 16.10

Använder du ett annat system? Vad är Tekkit Classic? Tekkit Classic är ett modpack för spelet som alla känner och älskar; Minecraft. Den innehåller några av ver

Konfigurera iRedMail på Debian Wheezy

Konfigurera iRedMail på Debian Wheezy

Använder du ett annat system? Den här handledningen visar dig hur du installerar groupware iRedMail på en ny installation av Debian Wheezy. Du bör använda en serve

Hur man installerar och konfigurerar PHP 7.0 eller PHP 7.1 på Ubuntu 16.04

Hur man installerar och konfigurerar PHP 7.0 eller PHP 7.1 på Ubuntu 16.04

PHP och relaterade paket är de mest använda komponenterna när du distribuerar en webbserver. I den här artikeln kommer vi att lära oss hur du ställer in PHP 7.0 eller PHP 7.1 o

Hur man installerar Squid Proxy på CentOS

Hur man installerar Squid Proxy på CentOS

Squid är ett populärt, gratis Linux-program som låter dig skapa en webbproxy för vidarebefordran. I den här guiden ser du hur du installerar Squid på CentOS för att förvandla dig

Hur man installerar Lighttpd (LLMP Stack) på CentOS 6

Hur man installerar Lighttpd (LLMP Stack) på CentOS 6

Inledning Lighttpd är en apachegaffel som syftar till att vara mycket mindre resurskrävande. Den är lätt, därav namnet, och är ganska enkel att använda. Installera

Tre gratis serverkontrollpaneler (snabbinstallation)

Tre gratis serverkontrollpaneler (snabbinstallation)

1. Virtualmin/Webmin Virtualmin är en kraftfull och flexibel kontrollpanel för webbhotell för Linux- och UNIX-system baserad på den välkända Open Source-webbasen

Konfigurera en Yii-applikation på Ubuntu 14.04

Konfigurera en Yii-applikation på Ubuntu 14.04

Yii är ett PHP-ramverk som låter dig utveckla applikationer snabbare och enklare. Att installera Yii på Ubuntu är enkelt, eftersom du kommer att lära dig exakt

Använder skärmen på Ubuntu 14.04

Använder skärmen på Ubuntu 14.04

Screen är ett program som tillåter flera terminalsessioner inom ett fönster. Detta låter dig simulera flera terminalfönster där det ma

Konfigurera din egen DNS-server på Debian/Ubuntu

Konfigurera din egen DNS-server på Debian/Ubuntu

Denna handledning förklarar hur man ställer in en DNS-server med Bind9 på Debian eller Ubuntu. Genomgående i artikeln, byt ut ditt-domännamn.com i enlighet med detta. Vid th

Använda Logrotate för att hantera loggfiler

Använda Logrotate för att hantera loggfiler

Inledning Logrotate är ett Linux-verktyg som förenklar administrationen av loggfiler. Den körs vanligtvis en gång om dagen via ett cron-jobb och hanterar loggbasen

Konfigurera statiskt nätverk och IPv6 på CentOS 7

Konfigurera statiskt nätverk och IPv6 på CentOS 7

VULTR har nyligen gjort ändringar på deras sida, och allt borde nu fungera bra direkt när NetworkManager är aktiverat. Om du vill inaktivera

Ändra Icinga2 för att använda Master/Client Model på CentOS 6 eller CentOS 7

Ändra Icinga2 för att använda Master/Client Model på CentOS 6 eller CentOS 7

Icinga2 är ett kraftfullt övervakningssystem, och när det används i en master-klient-modell kan det ersätta behovet av NRPE-baserade övervakningskontroller. Master-klienten

Konfigurera Red5 Media Server på Ubuntu 16.04

Konfigurera Red5 Media Server på Ubuntu 16.04

Använder du ett annat system? Red5 är en mediaserver med öppen källkod implementerad i Java som låter dig köra Flash fleranvändarapplikationer som livestreamin

Kompilera och installera Nginx med PageSpeed-modulen på Debian 8

Kompilera och installera Nginx med PageSpeed-modulen på Debian 8

I den här artikeln kommer vi att se hur man kompilerar och installerar Nginx mainline från de officiella källorna för Nginx med PageSpeed-modulen, som låter dig t

Hur man installerar Apache Cassandra 3.11.x på Ubuntu 16.04 LTS

Hur man installerar Apache Cassandra 3.11.x på Ubuntu 16.04 LTS

Använder du ett annat system? Apache Cassandra är ett gratis NoSQL-databashanteringssystem med öppen källkod som är designat för att ge skalbarhet, hög

Hur man installerar Apache Cassandra 3.11.x på CentOS 7

Hur man installerar Apache Cassandra 3.11.x på CentOS 7

Använder du ett annat system? Apache Cassandra är ett gratis NoSQL-databashanteringssystem med öppen källkod som är designat för att ge skalbarhet, hög

Hur man installerar Vanilla Forum på Ubuntu 16.04

Hur man installerar Vanilla Forum på Ubuntu 16.04

Använder du ett annat system? Vanilla forum är en open source forumapplikation skriven i PHP. Det är en helt anpassningsbar, enkel att använda och stöder externa

The Rise of Machines: Real World Applications of AI

The Rise of Machines: Real World Applications of AI

Artificiell intelligens är inte i framtiden, det är här i nuet I den här bloggen Läs hur Artificiell intelligens-applikationer har påverkat olika sektorer.

DDOS-attacker: En kort översikt

DDOS-attacker: En kort översikt

Är du också ett offer för DDOS-attacker och förvirrad över de förebyggande metoderna? Läs den här artikeln för att lösa dina frågor.

Har du någonsin undrat hur hackare tjänar pengar?

Har du någonsin undrat hur hackare tjänar pengar?

Du kanske har hört att hackare tjänar mycket pengar, men har du någonsin undrat hur de tjänar den typen av pengar? låt oss diskutera.

Revolutionerande uppfinningar från Google som gör ditt liv lätt.

Revolutionerande uppfinningar från Google som gör ditt liv lätt.

Vill du se revolutionerande uppfinningar av Google och hur dessa uppfinningar förändrade livet för varje människa idag? Läs sedan till bloggen för att se uppfinningar av Google.

Fredag ​​Essential: Vad hände med AI-drivna bilar?

Fredag ​​Essential: Vad hände med AI-drivna bilar?

Konceptet med att självkörande bilar ska ut på vägarna med hjälp av artificiell intelligens är en dröm vi har ett tag nu. Men trots flera löften finns de ingenstans att se. Läs den här bloggen för att lära dig mer...

Technological Singularity: A Distant Future of Human Civilization?

Technological Singularity: A Distant Future of Human Civilization?

När vetenskapen utvecklas i snabb takt och tar över en hel del av våra ansträngningar, ökar också riskerna för att utsätta oss för en oförklarlig singularitet. Läs, vad singularitet kan betyda för oss.

Utveckling av datalagring – Infographic

Utveckling av datalagring – Infographic

Lagringsmetoderna för data har utvecklats kan vara sedan födelsen av data. Den här bloggen tar upp utvecklingen av datalagring på basis av en infografik.

Funktioner för Big Data Reference Architecture Layers

Funktioner för Big Data Reference Architecture Layers

Läs bloggen för att känna till olika lager i Big Data Architecture och deras funktionaliteter på enklaste sätt.

6 fantastiska fördelar med att ha smarta hemenheter i våra liv

6 fantastiska fördelar med att ha smarta hemenheter i våra liv

I denna digitala värld har smarta hemenheter blivit en avgörande del av livet. Här är några fantastiska fördelar med smarta hemenheter om hur de gör vårt liv värt att leva och enklare.

macOS Catalina 10.15.4 tilläggsuppdatering orsakar fler problem än att lösa

macOS Catalina 10.15.4 tilläggsuppdatering orsakar fler problem än att lösa

Nyligen släppte Apple macOS Catalina 10.15.4, en tilläggsuppdatering för att åtgärda problem, men det verkar som om uppdateringen orsakar fler problem som leder till att mac-datorer blir murade. Läs den här artikeln för att lära dig mer