Настройте уеб приложение Nuxt.js на Ubuntu 18.04 LTS

Nuxt.js: Универсалната рамка

Nuxt.js е JavaScript рамка, предназначена за бързо създаване на универсални Vue.js приложения. Той е най-известен със способността си да създава Vue.js приложения, които могат да бъдат изобразени както на сървъра, така и на клиента. В този урок ще настроим сървърно изобразено приложение Nuxt.js и ще го внедрим в Ubuntu 18.04 LTS.

Инсталиране на Node.js

Първо, ще трябва да се уверите, че използвате Ubuntu 18.04 LTS. След това ще трябва да инсталирате Node.js, ако още не е инсталиран. В този урок ще използваме Node Version Manager или NVM, за да направим този процес много по-лесен.

Инсталирайте NVM, като използвате следните команди.

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

Приложение за скеле

След като инсталирате Node.js, вече можем да продължим към настройването на пакетите, от които ще се нуждаем, използвайки NPM. Ще използваме удобен малък инструмент, наречен create-nuxt-app, инструмент , създаден от общността, който може лесно да създава Nuxt.js приложения.

Във вашата домашна директория изпълнете следната команда, за да започнете генерирането на приложение.

npx create-nuxt-app <nameofproject>

Конзолата ще ви подкани за няколко важни опции. В името на този урок ще назовем нашия проект " app". Ще използваме Express като наша персонализирана сървърна рамка и ще стартираме приложението в универсален режим, което гарантира, че ще изобразяваме нашия уебсайт на сървъра. Когато посочите всички необходими разрешения, процесът на инсталиране ще започне и всички конфигурационни файлове ще бъдат създадени.

Първоначално стартиране

След като всичко е изтеглено, променете директориите в папката, която току-що създадохте.

cd app

Сега можем да стартираме сървъра за разработка на Nuxt.js.

npm run dev

Тази команда ще изгради сайта с помощта на webpack, който е пакет за модули, и ще обслужва сайта на локален хост порт, който обикновено ще бъде port 3000. Освен това ще ви даде достъп до модули за горещо презареждане, което ще премахне необходимостта от рестартиране на приложението всеки път, когато промените файл. Тъй като изпълняваме приложението в универсален режим, приложението ще се компилира както на клиента, така и на сървъра. Сега вашето приложение ще работи на порт 3000.

Сграда за производство

Режимът за разработка е доста полезен, когато активно разработвате приложението си. Въпреки това, когато сте готови да направите приложението си публично, добавките като горещо презареждане и инструменти за разработчици стават по-малко важни. Ето защо ще искаме да изградим нашето приложение веднъж, за производствена среда. За щастие, Nuxt.js включва инструмент, който можем да използваме за бързо изграждане на модулите на нашето приложение за производство. Изпълнете следното, за да започнете производствения процес на изграждане.

npm run build

По същество това, което правим тук, е, че компилираме всички наши модули за уеб пакет, с оптимизации за производство.

След като изграждането приключи, ще можете да стартирате сайта за производство.

npm start

Сега, ако отидете до http://yourip:3000, ще видите началния екран на Nuxt.js, който потвърждава, че работите в производствен режим.

PM2: Управлявайте приложението си с лекота

Сега разбираме основите на стартирането на нашето приложение за производство. От гледна точка на производствена среда, ние бихме предпочели добър начин да поддържаме нашето приложение да работи завинаги, автоматично да рестартираме приложението си, когато е необходимо, и да наблюдаваме ресурсите на нашето приложение. Това е мястото, където се появява Process Manager 2 (PM2). PM2 е Node.js мениджър на процеси за производствени приложения, който включва много важни производствени инструменти като балансиране на натоварването, разширени регистрационни файлове, скриптове за стартиране и много други. Първо, инсталирайте PM2.

npm install pm2 -g

Това инсталира PM2 глобално, за да можем да го използваме навсякъде на нашия сървър. След като PM2 приключи изтеглянето, можем да стартираме нашето приложение.

pm2 start <appfolder>/server/index.js

Имайте предвид, че стартираме сървърния файл, който се намира вътре в корена на нашето приложение.

Ако искате да видите ресурсите, които вашето приложение консумира, можете да го направите с pm2 monitкомандата. Това ще изведе интерфейс, подобен на този на ncurses, където можете точно да събирате данни за използването на RAM, процесора и диска на вашето приложение.

Досега вашето приложение ще работи точно както беше, когато го стартирахме с npm по-рано, с изключение на това, че сега имаме много повече контрол, когато става въпрос за оптимизации на производството.

Вече имате компилация на приложение Nuxt.js, която е разгърната за производство с Node.js и Ubuntu 18.04. Ако искате да научите повече за Nuxt и всичките му задълбочени функции, не се колебайте да посетите тяхната официална документация .


Инсталирайте Lets Encrypt SSL в приложението WordPress с едно щракване

Инсталирайте Lets Encrypt SSL в приложението WordPress с едно щракване

Въведение Lets Encrypt е услуга на сертифициращ орган, която предлага безплатни TLS/SSL сертификати. Процесът на инсталиране е опростен от Certbot,

Как да настроите надстройки без надзор на Debian 9 (разтягане)

Как да настроите надстройки без надзор на Debian 9 (разтягане)

Използване на различна система? Ако закупите сървър на Debian, винаги трябва да имате най-новите корекции за сигурност и актуализации, независимо дали спите или не

Как да инсталирате и конфигурирате PHP 7.0 или PHP 7.1 на Ubuntu 16.04

Как да инсталирате и конфигурирате PHP 7.0 или PHP 7.1 на Ubuntu 16.04

PHP и свързаните с него пакети са най-често използваните компоненти при разгръщане на уеб сървър. В тази статия ще научим как да настроим PHP 7.0 или PHP 7.1 o

Как да инсталирате Squid Proxy на CentOS

Как да инсталирате Squid Proxy на CentOS

Squid е популярна, безплатна програма за Linux, която ви позволява да създадете уеб прокси за препращане. В това ръководство ще видите как да инсталирате Squid на CentOS, за да ви обърне

Как да инсталирате Lighttpd (LLMP стек) на CentOS 6

Как да инсталирате Lighttpd (LLMP стек) на CentOS 6

Въведение Lighttpd е форк на Apache, чиято цел е да бъде много по-малко ресурсоемка. Той е лек, откъдето идва и името му, и е доста лесен за използване. Инсталирайте

Три безплатни контролни панела на сървъра (бърза инсталация)

Три безплатни контролни панела на сървъра (бърза инсталация)

1. Virtualmin/Webmin Virtualmin е мощен и гъвкав контролен панел за уеб хостинг за Linux и UNIX системи, базиран на добре познатата уеб база с отворен код

Настройване на приложение Yii на Ubuntu 14.04

Настройване на приложение Yii на Ubuntu 14.04

Yii е PHP рамка, която ви позволява да разработвате приложения по-бързо и лесно. Инсталирането на Yii в Ubuntu е лесно, както ще научите точно l

Настройте свой собствен DNS сървър на Debian/Ubuntu

Настройте свой собствен DNS сървър на Debian/Ubuntu

Този урок обяснява как да настроите DNS сървър с помощта на Bind9 на Debian или Ubuntu. В цялата статия заменете your-domain-name.com съответно. При th

Използване на Logrotate за управление на регистрационни файлове

Използване на Logrotate за управление на регистрационни файлове

Въведение Logrotate е помощна програма за Linux, която опростява администрирането на лог файлове. Обикновено се изпълнява веднъж на ден чрез cron задание и управлява базата от регистрационни файлове

Промяна на Icinga2 за използване на модел главен/клиент на CentOS 6 или CentOS 7

Промяна на Icinga2 за използване на модел главен/клиент на CentOS 6 или CentOS 7

Icinga2 е мощна система за наблюдение и когато се използва в модел главен-клиент, тя може да замени необходимостта от проверки на базата на NRPE. Главният клиент

Настройте Red5 Media Server на Ubuntu 16.04

Настройте Red5 Media Server на Ubuntu 16.04

Използване на различна система? Red5 е медиен сървър с отворен код, внедрен в Java, който ви позволява да стартирате Flash многопотребителски приложения, като например предаване на живо

Компилирайте и инсталирайте Nginx с модула PageSpeed ​​на Debian 8

Компилирайте и инсталирайте Nginx с модула PageSpeed ​​на Debian 8

В тази статия ще видим как да компилирате и инсталирате основната линия на Nginx от официалните източници на Nginx с модула PageSpeed, който ви позволява да

Как да инсталирате Apache Cassandra 3.11.x на Ubuntu 16.04 LTS

Как да инсталирате Apache Cassandra 3.11.x на Ubuntu 16.04 LTS

Използване на различна система? Apache Cassandra е безплатна система за управление на база данни NoSQL с отворен код, която е проектирана да осигури мащабируемост, висока

Как да инсталирате Vanilla Forum на Ubuntu 16.04

Как да инсталирате Vanilla Forum на Ubuntu 16.04

Използване на различна система? Vanilla forum е приложение за форум с отворен код, написано на PHP. Той е напълно адаптивен, лесен за използване и поддържа външен

Как да инсталирате Kanboard на Ubuntu 18.04 LTS

Как да инсталирате Kanboard на Ubuntu 18.04 LTS

Използване на различна система? Въведение Kanboard е безплатна програма за управление на проекти с отворен код, която е предназначена да улеснява и визуализира

Как да инсталирате Kanboard на Debian 9

Как да инсталирате Kanboard на Debian 9

Използване на различна система? Въведение Kanboard е безплатна програма за управление на проекти с отворен код, която е предназначена да улеснява и визуализира

Как да инсталирате Gitea на Debian 9

Как да инсталирате Gitea на Debian 9

Използване на различна система? Gitea е алтернатива с отворен код, самостоятелно хоствана система за контрол на версиите, задвижвана от Git. Gitea е написана на Голанг и е

Как да инсталирате Gitea на Ubuntu 18.04

Как да инсталирате Gitea на Ubuntu 18.04

Използване на различна система? Gitea е алтернатива с отворен код, самостоятелно хоствана система за контрол на версиите, задвижвана от git. Gitea е написана на Голанг и е

Инсталирайте Lynis на Debian 8

Инсталирайте Lynis на Debian 8

Въведение Lynis е безплатен инструмент за одит на системата с отворен код, който се използва от много системни администратори за проверка на целостта и заздравяване на техните системи. аз

Как да инсталирате Thelia 2.3 на Debian 9

Как да инсталирате Thelia 2.3 на Debian 9

Използване на различна система? Thelia е инструмент с отворен код за създаване на уебсайтове за е-бизнес и управление на онлайн съдържание, написано на PHP. Изходен код на Thelia i

Възходът на машините: Реални приложения на AI

Възходът на машините: Реални приложения на AI

Изкуственият интелект не е в бъдещето, тук е точно в настоящето. В този блог Прочетете как приложенията за изкуствен интелект са повлияли на различни сектори.

DDOS атаки: кратък преглед

DDOS атаки: кратък преглед

Вие също сте жертва на DDOS атаки и сте объркани относно методите за превенция? Прочетете тази статия, за да разрешите вашите запитвания.

Чудили ли сте се как хакерите печелят пари?

Чудили ли сте се как хакерите печелят пари?

Може би сте чували, че хакерите печелят много пари, но чудили ли сте се някога как печелят такива пари? нека обсъдим.

Революционни изобретения на Google, които ще улеснят живота ви.

Революционни изобретения на Google, които ще улеснят живота ви.

Искате ли да видите революционни изобретения на Google и как тези изобретения промениха живота на всяко човешко същество днес? След това прочетете в блога, за да видите изобретенията на Google.

Friday Essential: Какво се случи с колите, задвижвани от изкуствен интелект?

Friday Essential: Какво се случи с колите, задвижвани от изкуствен интелект?

Концепцията за самоуправляващи се автомобили да тръгват по пътищата с помощта на изкуствен интелект е мечта, която имаме от известно време. Но въпреки няколкото обещания, те не се виждат никъде. Прочетете този блог, за да научите повече…

Технологична сингулярност: далечно бъдеще на човешката цивилизация?

Технологична сингулярност: далечно бъдеще на човешката цивилизация?

Тъй като науката се развива с бързи темпове, поемайки много от нашите усилия, рискът да се подложим на необяснима сингулярност също нараства. Прочетете какво може да означава сингулярността за нас.

Еволюция на съхранението на данни – инфографика

Еволюция на съхранението на данни – инфографика

Методите за съхранение на данните може да се развиват от раждането на данните. Този блог обхваща развитието на съхранението на данни на базата на инфографика.

Функционалности на референтните архитектурни слоеве за големи данни

Функционалности на референтните архитектурни слоеве за големи данни

Прочетете блога, за да разберете различни слоеве в архитектурата на големи данни и техните функционалности по най-простия начин.

6 невероятни предимства от наличието на интелигентни домашни устройства в живота ни

6 невероятни предимства от наличието на интелигентни домашни устройства в живота ни

В този дигитално задвижван свят устройствата за интелигентен дом се превърнаха в решаваща част от живота. Ето няколко невероятни предимства на интелигентните домашни устройства за това как те правят живота ни струващ и по-опростен.

Актуализацията на допълнението на macOS Catalina 10.15.4 причинява повече проблеми, отколкото решава

Актуализацията на допълнението на macOS Catalina 10.15.4 причинява повече проблеми, отколкото решава

Наскоро Apple пусна macOS Catalina 10.15.4 допълнителна актуализация за отстраняване на проблеми, но изглежда, че актуализацията причинява повече проблеми, водещи до блокиране на mac машини. Прочетете тази статия, за да научите повече