Nuxt.js - это JavaScript-фреймворк, предназначенный для быстрого создания универсальных приложений Vue.js. Он наиболее известен своей способностью создавать приложения Vue.js, которые могут отображаться как на сервере, так и на клиенте. В этом уроке мы настроим приложение Nuxt.js, созданное на сервере, и развернем его в Ubuntu 18.04 LTS.
Во-первых, вам нужно убедиться, что вы используете 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
Эта команда создаст сайт с помощью веб-пакета, который является модулем компоновки, и будет обслуживать сайт через локальный порт, который обычно является портом 3000. Это также даст вам доступ к горячим перезагрузкам модулей, что избавит от необходимости перезапускать приложение каждый раз, когда вы меняете файл. Поскольку мы запускаем приложение в универсальном режиме, оно будет компилироваться как на клиенте, так и на сервере. Теперь ваше приложение будет работать по порту 3000.
Режим разработки весьма полезен, когда вы активно разрабатываете свое приложение. Однако, когда вы будете готовы сделать ваше приложение общедоступным, такие дополнения, как «горячая перезагрузка» и инструменты разработчика, станут менее важными. Вот почему мы хотим создать наше приложение один раз, для производственной среды. К счастью, Nuxt.js включает в себя инструмент, который мы можем использовать для быстрой сборки модулей нашего приложения для производства. Выполните следующее, чтобы начать процесс сборки продукта.
npm run build
По сути, здесь мы собираем все наши модули веб-пакетов с оптимизацией для производства.
После завершения сборки вы сможете запустить сайт для производства.
npm start
Теперь, если вы http://yourip:3000перейдете к , вы увидите заставку Nuxt.js, которая подтверждает, что вы работаете в производственном режиме.
Теперь мы понимаем основы запуска нашего приложения для производства. С точки зрения производственной среды, мы бы предпочли хороший способ, чтобы наше приложение работало вечно, автоматически перезапускало наше приложение при необходимости и отслеживало ресурсы нашего приложения. Вот где появляется Process Manager 2 (PM2). PM2 - это менеджер процессов Node.js для производственных приложений, который включает в себя множество важных производственных инструментов, таких как балансировка нагрузки, расширенные журналы, сценарии запуска и многое другое. Сначала установите PM2.
npm install pm2 -g
Это устанавливает PM2 глобально, поэтому мы можем использовать его в любом месте на нашем сервере. Как только PM2 завершит загрузку, мы можем запустить наше приложение.
pm2 start <appfolder>/server/index.js
Обратите внимание, что мы запускаем файл сервера, который находится внутри корня нашего приложения.
Если вы хотите просмотреть ресурсы, которые использует ваше приложение, вы можете сделать это с помощью pm2 monitкоманды. Это вызовет интерфейс, похожий на интерфейс ncurses, где вы можете точно собирать данные об использовании памяти, процессора и диска вашего приложения.
К настоящему времени ваше приложение будет работать точно так же, как раньше, когда мы запускали его с npm ранее, за исключением того, что теперь мы имеем гораздо больший контроль над оптимизацией производства.
Теперь у вас есть сборка приложения Nuxt.js, которая развернута для работы с Node.js и Ubuntu 18.04. Если вы хотите узнать больше о Nuxt и его всесторонних функциях, не стесняйтесь посетить их официальную документацию .
LiteCart является бесплатной платформой для покупок с открытым исходным кодом, написанной на PHP, jQuery и HTML 5. Это простой, легкий и простой в использовании софтвар для электронной коммерции.
Используете другую систему? Anchor CMS - это сверхпростая и чрезвычайно легкая бесплатная система управления контентом (CMS) с открытым исходным кодом.
NFS - это сетевая файловая система, которая позволяет компьютерам получать доступ к файлам через компьютерную сеть. Это руководство объясняет, как вы можете выставлять папки через NF
Используете другую систему? Matomo (ранее Piwik) - это аналитическая платформа с открытым исходным кодом, открытая альтернатива Google Analytics. Источник Matomo размещен o
Предварительные условия Сервер Vultr, работающий до последней версии Arch Linux (см. Эту статью). Работающий веб-сервер с доступом Apache или Nginx Sudo. Команды требуют
TeamTalk - это система конференц-связи, которая позволяет пользователям вести высококачественные аудио / видео-беседы, текстовый чат, передавать файлы и обмениваться экранами. Это я
Используете другую систему? Backdrop CMS 1.8.0 - это простая и гибкая, удобная для мобильных устройств, бесплатная система с открытым исходным кодом (CMS), которая позволяет нам
Vultr предоставляет несколько различных способов доступа к вашему VPS для настройки, установки и использования. Учетные данные для доступа Учетные данные для доступа к вашему VPS по умолчанию
Ranger - это файловый менеджер на основе командной строки с привязками клавиш VI. Он предоставляет минималистичный и приятный интерфейс curses с видом на иерархию каталогов.
Предварительные условия Сервер Vultr, работающий до последней версии Arch Linux (см. Эту статью). Работающий веб-сервер, доступ к Apache или Nginx Sudo Требуются команды t
Если вы хотите разместить свой инвентарь в Интернете или просто магазин технических аксессуаров, Magento - отличное решение для электронной коммерции в Интернете. Это статья
Используете другую систему? Brotli - это новый метод сжатия с лучшей степенью сжатия, чем GZIP. Его исходный код размещен на этом Githu
Введение В MySQL есть замечательная функция, известная как views. Представления хранятся запросы. Думайте о них как о псевдониме для длинного запроса. В этом руководстве
Используете другую систему? AirSonic - это бесплатный и потоковый сервер с открытым исходным кодом. В этом уроке я проведу вас через процесс развертывания
OrangeScrum - это бесплатный инструмент управления проектами с открытым исходным кодом, который широко используется в малом и среднем бизнесе. В этой статье я проведу вас через
Разрешение входа в систему через SSH обычно считается плохой практикой безопасности во всей индустрии технологий. Вместо этого вы можете выполнять чувствительные административные
Используете другую систему? Subrion 4.1 CMS - это мощная и гибкая система управления контентом с открытым исходным кодом (CMS), которая обеспечивает интуитивно понятный и понятный контент.
Vtiger CRM - это популярное приложение для управления взаимоотношениями с клиентами, которое может помочь предприятиям увеличить продажи, обеспечить обслуживание клиентов и увеличить прибыль. я
Используете другую систему? DokuWiki - это вики-программа с открытым исходным кодом, написанная на PHP, для которой не требуется база данных. Хранит данные в текстовых файлах. DokuWik
Введение Цель этого руководства - избавиться от общедоступных соединений SSH и общедоступных RDP. Поместив все это за очень удобный клиент HTML5
Изучение 26 методов анализа больших данных: часть 1
Многие из вас знают Switch, который выйдет в марте 2017 года, и его новые функции. Для тех, кто не знает, мы подготовили список функций, которые делают «Switch» обязательным гаджетом.
Вы ждете, когда технологические гиганты выполнят свои обещания? проверить, что осталось недоставленным.
Прочтите блог, чтобы узнать о различных уровнях архитектуры больших данных и их функциях самым простым способом.
Прочтите это, чтобы узнать, как искусственный интеллект становится популярным среди небольших компаний и как он увеличивает вероятность их роста и дает преимущество перед конкурентами.
CAPTCHA стало довольно сложно решать пользователям за последние несколько лет. Сможет ли он оставаться эффективным в обнаружении спама и ботов в ближайшем будущем?
По мере того, как наука развивается быстрыми темпами, принимая на себя большую часть наших усилий, также возрастает риск подвергнуться необъяснимой сингулярности. Прочтите, что может значить для нас необычность.
Что такое телемедицина, дистанционное здравоохранение и их влияние на будущее поколение? Это хорошее место или нет в ситуации пандемии? Прочтите блог, чтобы узнать мнение!
Возможно, вы слышали, что хакеры зарабатывают много денег, но задумывались ли вы когда-нибудь о том, как они зарабатывают такие деньги? Давайте обсудим.
Недавно Apple выпустила macOS Catalina 10.15.4, дополнительное обновление для исправления проблем, но похоже, что это обновление вызывает больше проблем, приводящих к поломке компьютеров Mac. Прочтите эту статью, чтобы узнать больше
