Nuxt.js ist ein JavaScript-Framework zum schnellen Erstellen universeller Vue.js-Anwendungen. Es ist vor allem für seine Fähigkeit bekannt, Vue.js Apps zu erstellen, die sowohl auf dem Server als auch auf dem Client gerendert werden können. In diesem Tutorial werden wir eine vom Server gerenderte Nuxt.js-Anwendung einrichten und unter Ubuntu 18.04 LTS bereitstellen.
Zunächst müssen Sie sicherstellen, dass Sie Ubuntu 18.04 LTS ausführen. Dann müssen Sie Node.js installieren, falls es noch nicht installiert ist. In diesem Tutorial verwenden wir den Node Version Manager (NVM), um diesen Vorgang erheblich zu vereinfachen.
Installieren Sie NVM mit den folgenden Befehlen.
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
Sobald Sie Node.js installiert haben, können wir nun mit der Einrichtung der Pakete fortfahren, die wir mit NPM benötigen. Wir werden ein praktisches kleines Tool namens verwenden create-nuxt-app, ein von der Community erstelltes Tool, mit dem Nuxt.js-Anwendungen einfach erstellt werden können.
Führen Sie in Ihrem Home-Verzeichnis den folgenden Befehl aus, um die App-Generierung zu starten.
npx create-nuxt-app <nameofproject>
Die Konsole fordert Sie zu mehreren wichtigen Optionen auf. Für dieses Tutorial werden wir unser Projekt " app" nennen. Wir werden Express als unser benutzerdefiniertes Server-Framework verwenden und die Anwendung im universellen Modus ausführen, um sicherzustellen, dass wir unsere Website auf dem Server rendern. Wenn Sie alle erforderlichen Berechtigungen angegeben haben, beginnt der Installationsvorgang und alle Konfigurationsdateien werden erstellt.
Sobald alles heruntergeladen wurde, wechseln Sie die Verzeichnisse in den Ordner, den Sie gerade erstellt haben.
cd app
Jetzt können wir den Nuxt.js-Entwicklungsserver starten.
npm run dev
Dieser Befehl erstellt die Site mithilfe von Webpack, einem Modulbündler, und stellt die Site auf einem Localhost-Port bereit, bei dem es sich im Allgemeinen um einen Port handelt 3000. Außerdem erhalten Sie Zugriff auf Hot-Reloading-Module, sodass Sie die Anwendung nicht jedes Mal neu starten müssen, wenn Sie eine Datei ändern. Da wir die App im universellen Modus ausführen, wird die App sowohl auf dem Client als auch auf dem Server kompiliert. Jetzt wird Ihre Anwendung auf dem Port ausgeführt 3000.
Der Entwicklungsmodus ist sehr nützlich, wenn Sie Ihre Anwendung aktiv entwickeln. Wenn Sie jedoch bereit sind, Ihre Anwendung zu veröffentlichen, verlieren Addons wie Hot-Reloading und Entwicklertools an Bedeutung. Aus diesem Grund möchten wir unsere Anwendung einmal für eine Produktionsumgebung erstellen. Zum Glück enthält Nuxt.js ein Tool, mit dem wir schnell die Module unserer App für die Produktion erstellen können. Führen Sie die folgenden Schritte aus, um den Produktionserstellungsprozess zu starten.
npm run build
Im Wesentlichen kompilieren wir hier alle unsere Webpack-Module mit Optimierungen für die Produktion.
Sobald der Build abgeschlossen ist, können Sie die Site für die Produktion ausführen.
npm start
Wenn Sie jetzt zu navigieren http://yourip:3000, wird der Begrüßungsbildschirm von Nuxt.js angezeigt, der bestätigt, dass Sie im Produktionsmodus ausgeführt werden.
Jetzt verstehen wir die Grundlagen der Ausführung unserer Anwendung für die Produktion. In Bezug auf eine Produktionsumgebung würden wir eine gute Möglichkeit bevorzugen, um unsere Anwendung für immer am Laufen zu halten, unsere Anwendung bei Bedarf automatisch neu zu starten und die Ressourcen unserer Anwendung zu überwachen. Hier kommt Process Manager 2 (PM2) ins Spiel. PM2 ist ein Node.js-Prozessmanager für Produktionsanwendungen, der viele wichtige Produktionstools wie Lastausgleich, erweiterte Protokolle, Startskripte und vieles mehr enthält. Installieren Sie zuerst PM2.
npm install pm2 -g
Dadurch wird PM2 global installiert, sodass wir es überall auf unserem Server verwenden können. Sobald der Download von PM2 abgeschlossen ist, können wir unsere Anwendung starten.
pm2 start <appfolder>/server/index.js
Beachten Sie, dass wir die Serverdatei starten, die sich in unserem Anwendungsstamm befindet.
Wenn Sie die Ressourcen anzeigen möchten, die Ihre Anwendung verbraucht, können Sie dies mit dem pm2 monitBefehl tun . Dadurch wird eine ähnliche Benutzeroberfläche wie bei ncurses angezeigt, über die Sie präzise Daten über die RAM-, CPU- und Festplattennutzung Ihrer Anwendung erfassen können.
Inzwischen wird Ihre Anwendung genau so ausgeführt, wie sie war, als wir sie zuvor mit npm ausgeführt haben, außer dass wir jetzt viel mehr Kontrolle über Produktionsoptimierungen haben.
Sie haben jetzt einen Nuxt.js-Anwendungsbuild, der für die Produktion mit Node.js und Ubuntu 18.04 bereitgestellt wird. Wenn Sie mehr über Nuxt und all seine detaillierten Funktionen erfahren möchten, besuchen Sie bitte die offizielle Dokumentation .
Verwenden Sie ein anderes System? MODX Revolution ist ein schnelles, flexibles, skalierbares, kostenloses und Open-Source-Content-Management-System (CMS) für Unternehmen, das i
McMyAdmin ist ein Minecraft-Server-Kontrollfeld, mit dem Sie Ihren Server verwalten können. Obwohl McMyAdmin kostenlos ist, gibt es mehrere Editionen, von denen einige pai sind
TeamTalk ist ein Konferenzsystem, mit dem Benutzer hochwertige Audio- / Videogespräche führen, Text chatten, Dateien übertragen und Bildschirme freigeben können. Es i
Verwenden Sie ein anderes System? Einführung CyberPanel ist eines der ersten Control Panels auf dem Markt, das sowohl Open Source als auch OpenLiteSpeed verwendet. Was ist das?
PhpBB ist ein Open Source Bulletin Board Programm. Dieser Artikel zeigt Ihnen, wie Sie phpBB auf einem Apache-Webserver unter Ubuntu 16.04 installieren. Es wurde geschrieben
Es kann gefährlich sein, nur einen Benutzer zu haben, nämlich root. Lassen Sie uns das beheben. Vultr bietet uns die Freiheit, mit unseren Benutzern und unseren Servern zu tun, was wir wollen
Verwenden Sie ein anderes System? ESpeak kann TTS-Audiodateien (Text-to-Speech) generieren. Diese können aus vielen Gründen nützlich sein, z. B. um Ihr eigenes Turin zu erstellen
Verwenden Sie ein anderes System? Thelia ist ein Open-Source-Tool zum Erstellen von E-Business-Websites und zum Verwalten von Online-Inhalten, die in PHP geschrieben wurden. Thelia Quellcode i
Verwenden Sie ein anderes System? Fuel CMS ist ein CodeIgniter-basiertes Content-Management-System. Der Quellcode wird auf GitHub gehostet. Diese Anleitung zeigt Ihnen, wie t
Dieses Tutorial führt Sie durch die Installation des Yunohost Complete Server-Kontrollfelds unter Debian. Folgen Sie einfach dem Tutorial und Ihr Server wird in Betrieb sein
Cockpit ist ein kostenloses Open Source-Programm für die Linux-Serververwaltung. Es ist sehr leicht und hat eine schöne, einfach zu bedienende Weboberfläche. Es erlaubt System
Gollum ist die Git-basierte Wiki-Software, die als Backend des GitHub-Wikis verwendet wird. Durch die Bereitstellung von Gollum können Sie ein GitHub-ähnliches Wiki-System auf Ihnen hosten
Einführung Haben Sie Probleme mit der Konnektivität, wenn Besucher aus anderen Ländern auf Ihre Website zugreifen? Ich frage mich, warum die Download-Geschwindigkeit von Ihrem Foreig
Verwenden Sie ein anderes System? Gitea ist ein alternatives Open-Source-Versionskontrollsystem, das von Git unterstützt wird. Gitea ist in Golang geschrieben und ist
Verwenden Sie ein anderes System? Ghost ist eine Open-Source-Blogging-Plattform, die seit 201 bei Entwicklern und normalen Benutzern immer beliebter wird
Verwenden Sie ein anderes System? Paste 2.1 ist eine einfache und flexible, kostenlose und Open-Source-Pastebin-Anwendung zum Speichern von Code, Text und mehr. Es war ursprünglich
Pip ist ein Tool zum Verwalten von Python-Paketen. Die Verwendung eines Paketmanagers ermöglicht eine effiziente Verwaltung Ihres Servers. In diesem Tutorial erkläre ich, wie t
BBR (Bottleneck Bandwidth and RTT) ist ein neuer Algorithmus zur Überlastungskontrolle, der von Google zum Linux-Kernel-TCP-Stack hinzugefügt wird. Mit BBR an Ort und Stelle,
YOURLS (Your Own URL Shortener) ist eine Open-Source-Anwendung zur URL-Verkürzung und Datenanalyse. In diesem Artikel werden wir den Installationsprozess behandeln
Verwenden Sie ein anderes System? TLS 1.3 ist eine Version des TLS-Protokolls (Transport Layer Security), das 2018 als vorgeschlagener Standard in RFC 8446 veröffentlicht wurde
Ransomware-Angriffe nehmen zu, aber kann KI helfen, den neuesten Computervirus zu bekämpfen? Ist KI die Antwort? Lesen Sie hier, ob KI boone oder bane ist
ReactOS, ein quelloffenes und kostenloses Betriebssystem, ist hier mit der neuesten Version. Kann es den Anforderungen moderner Windows-Benutzer genügen und Microsoft zu Fall bringen? Lassen Sie uns mehr über dieses alte, aber neuere Betriebssystem erfahren.
Whatsapp hat endlich die Desktop-App für Mac- und Windows-Benutzer auf den Markt gebracht. Jetzt können Sie ganz einfach von Windows oder Mac auf WhatsApp zugreifen. Verfügbar für Windows 8+ und Mac OS 10.9+
Lesen Sie dies, um zu erfahren, wie Künstliche Intelligenz bei kleinen Unternehmen beliebt wird und wie sie die Wahrscheinlichkeit erhöht, sie wachsen zu lassen und ihren Konkurrenten einen Vorsprung zu verschaffen.
Vor kurzem hat Apple macOS Catalina 10.15.4 als Ergänzungsupdate veröffentlicht, um Probleme zu beheben, aber es scheint, dass das Update mehr Probleme verursacht, die zum Bricking von Mac-Computern führen. Lesen Sie diesen Artikel, um mehr zu erfahren
13 Tools zur kommerziellen Datenextraktion von Big Data
Unser Computer speichert alle Daten in einer organisierten Weise, die als Journaling-Dateisystem bekannt ist. Es ist eine effiziente Methode, die es dem Computer ermöglicht, Dateien zu suchen und anzuzeigen, sobald Sie auf die Suche klicken.https://wethegeek.com/?p=94116&preview=true
Da sich die Wissenschaft schnell weiterentwickelt und einen Großteil unserer Bemühungen übernimmt, steigt auch das Risiko, uns einer unerklärlichen Singularität auszusetzen. Lesen Sie, was Singularität für uns bedeuten könnte.
Ein Einblick in 26 Big-Data-Analysetechniken: Teil 1
KI im Gesundheitswesen hat in den letzten Jahrzehnten große Fortschritte gemacht. Somit wächst die Zukunft der KI im Gesundheitswesen immer noch von Tag zu Tag.
