A Nuxt.js egy JavaScript-keretrendszer, amelyet az univerzális Vue.js alkalmazások gyors létrehozására terveztek. Leghíresebben arról nevezetes, hogy képes Vue.js alkalmazásokat létrehozni, amelyek a szerveren és a kliensen is megjeleníthetők. Ebben az oktatóanyagban egy szerver által előállított Nuxt.js alkalmazást állítunk be, és telepítjük az Ubuntu 18.04 LTS rendszeren.
Először is meg kell győződnie arról, hogy az Ubuntu 18.04 LTS-t futtatja. Ezután telepítenie kell a Node.js-t, ha még nincs telepítve. Ebben az oktatóanyagban a Node Version Managert vagy NVM-et fogjuk használni, hogy ezt a folyamatot sokkal könnyebbé tegyük.
Telepítse az NVM-et a következő parancsokkal.
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
Miután telepítette a Node.js-t, megkezdhetjük a szükséges csomagok beállítását az NPM segítségével. Egy praktikus kis eszközt fogunk használni, az úgynevezett create-nuxt-app, egy közösség által készített eszközt, amellyel könnyedén létrehozhatunk Nuxt.js alkalmazásokat.
A kezdőkönyvtárban futtassa a következő parancsot az alkalmazásgenerálás megkezdéséhez.
npx create-nuxt-app <nameofproject>
A konzol számos fontos beállítást kér. Ennek az oktatóanyagnak a kedvéért projektünket " app" névvel látjuk el . Egyedi szerverkeretként az Expresst fogjuk használni, és az alkalmazást univerzális módban futtatjuk, ami biztosítja, hogy weboldalunkat a szerveren rendereljük. Ha megadta az összes szükséges engedélyt, elindul a telepítési folyamat, és létrejön az összes konfigurációs fájl.
Miután mindent letöltött, módosítsa a könyvtárakat az imént létrehozott mappába.
cd app
Most már elindíthatjuk a Nuxt.js fejlesztőkiszolgálót.
npm run dev
Ez a parancs a webpack használatával hozza létre a webhelyet, amely egy modulcsomagoló, és egy localhost porton szolgálja ki a webhelyet, amely általában a port lesz 3000. Hozzáférést biztosít a gyors újratöltési modulokhoz is, így nem kell minden alkalommal újraindítani az alkalmazást, amikor módosít egy fájlt. Mivel az alkalmazást univerzális módban futtatjuk, az alkalmazás a kliensen és a szerveren is lefordítható. Most az alkalmazás a porton fog futni 3000.
A fejlesztési mód nagyon hasznos, ha aktívan fejleszti az alkalmazást. Ha azonban készen áll arra, hogy az alkalmazást nyilvánossá tegye, az olyan kiegészítők, mint a gyors újratöltés és a fejlesztői eszközök, kevésbé fontosak. Ezért szeretnénk egyszer elkészíteni az alkalmazásunkat termelési környezetbe. Szerencsére a Nuxt.js tartalmaz egy eszközt, amellyel gyorsan elkészíthetjük alkalmazásunk moduljait a termeléshez. Futtassa a következőt a gyártási felépítési folyamat elindításához.
npm run build
Lényegében az a feladatunk, hogy összeállítjuk az összes webpack modulunkat, a termelés optimalizálásával.
A felépítés befejeztével futtathatja a webhelyet termelés céljából.
npm start
Ha most http://yourip:3000a címre navigál , megjelenik a Nuxt.js kezdőképernyője, amely megerősíti, hogy éles módban fut.
Most már megértjük az alkalmazásunk éles verzióban való futtatásának alapjait. Éles környezetet tekintve azt szeretnénk, ha az alkalmazásunk örökké fusson, ha szükséges, automatikusan újraindítsuk az alkalmazást, és figyeljük az alkalmazás erőforrásait. Itt jön be a Process Manager 2 (PM2). A PM2 egy Node.js folyamatmenedzser éles alkalmazásokhoz, amely számos fontos éles eszközt tartalmaz, például terheléselosztást, speciális naplókat, indítási szkripteket és még sok mást. Először telepítse a PM2-t.
npm install pm2 -g
Ez globálisan telepíti a PM2-t, így bárhol használhatjuk a szerverünkön. Amint a PM2 letöltése befejeződött, elindíthatjuk az alkalmazásunkat.
pm2 start <appfolder>/server/index.js
Ne feledje, hogy elindítjuk az alkalmazásunk gyökérjében található kiszolgálófájlt.
Ha meg szeretné tekinteni az alkalmazás által igénybe vett erőforrásokat, ezt megteheti a pm2 monitparanccsal. Ez az ncurses-hoz hasonló felületet hoz létre, ahol pontosan gyűjthet adatokat az alkalmazás RAM-áról, CPU-járól és lemezhasználatáról.
Mostanra az alkalmazás pontosan úgy fog futni, mint amikor korábban az npm-mel futtattuk, kivéve, hogy most sokkal nagyobb szabályozási lehetőségünk van a termelés optimalizálása terén.
Mostantól rendelkezik egy Nuxt.js-alkalmazás-felépítéssel, amely a Node.js és az Ubuntu 18.04 használatával éles környezetben van üzembe helyezve. Ha többet szeretne megtudni a Nuxtról és annak minden mélyreható funkciójáról, keresse fel hivatalos dokumentációját .
Ez az oktatóanyag végigvezeti Önt a Vultrs rendszerekkel kompatibilis Windows ISO létrehozásának folyamatán. Itt megtanulhatja az <>Windows ISO<> előállításának lépéseit az NTLite segítségével.
A mesterséges intelligencia nem a jövőben, hanem itt a jelenben. Ebben a blogban Olvassa el, hogyan hatott a mesterséges intelligencia alkalmazások különböző ágazatokra.
Ön is DDOS támadások áldozata, és tanácstalan a megelőzési módszereket illetően? Olvassa el ezt a cikket a kérdések megoldásához.
Talán hallottál már arról, hogy a hackerek sok pénzt keresnek, de elgondolkodtál már azon, hogyan kereshetnek ennyi pénzt? beszéljük meg.
Szeretné látni a Google forradalmi találmányait, és azt, hogy ezek a találmányok hogyan változtatták meg minden mai ember életét? Ezután olvassa el a blogot, és nézze meg a Google találmányait.
Az önvezető autók koncepciója, hogy mesterséges intelligencia segítségével kerüljenek az utakra, már egy ideje álmunk. De számos ígéret ellenére sehol sem látszanak. Olvassa el ezt a blogot, hogy többet megtudjon…
Ahogy a tudomány gyors ütemben fejlődik, átveszi erőfeszítéseink nagy részét, megnő annak a kockázata is, hogy alávetjük magunkat egy megmagyarázhatatlan szingularitásnak. Olvassa el, mit jelenthet számunkra a szingularitás.
Olvassa el a blogot, hogy a legegyszerűbb módon ismerje meg a Big Data Architecture különböző rétegeit és azok funkcióit.
Az adatok tárolási módjai az Adatok születése óta alakulhatnak. Ez a blog egy infografika alapján mutatja be az adattárolás fejlődését.
Ebben a digitálisan vezérelt világban az intelligens otthoni eszközök az élet döntő részévé váltak. Íme az intelligens otthoni eszközök néhány elképesztő előnye, hogyan teszik életünket érdemessé és egyszerűbbé.
