Поиск по сайту:

Установите стек MEAN.JS в Ubuntu 18.04 LTS

MEAN.JS — это полнофункциональное решение JavaScript с открытым исходным кодом для создания быстрых и надежных веб-приложений. Стек MEAN.JS состоит из MongoDB (база данных NoSQL), ExpressJs (веб-платформа серверного приложения NodeJS), AngularJS (инфраструктура клиентских веб-приложений) и Node.js (среда выполнения JavaScript, популярная как платформа веб-сервера). В этом уроке мы обсудим, как установить стек MEAN.JS в Ubuntu. Это руководство было протестировано на сервере Ubuntu 18.04 LTS. Однако он должен работать на других версиях Ubuntu и вариантах Ubuntu.

Установить МонгоБД

MongoDB — бесплатная кроссплатформенная документально-ориентированная база данных NoSQL с открытым исходным кодом. Чтобы установить MongoDB в вашей системе Ubuntu, обратитесь к следующему руководству:

  • Установить MongoDB Community Edition в Linux

Установите Node.js

NodeJS — это кроссплатформенная и легкая среда выполнения JavaScript с открытым исходным кодом, которую можно использовать для создания масштабируемых сетевых приложений.

Чтобы установить NodeJS в вашей системе, обратитесь к следующему руководству:

  • Как установить NodeJS в Linux

После установки MongoDB и Node.js нам необходимо установить другие необходимые компоненты, такие как Yarn, Grunt и Gulp для MEAN. js-стек.

Установите менеджер пакетов Yarn

Yarn — это менеджер пакетов, используемый стеком MEAN.JS для управления пакетами внешнего интерфейса.

Чтобы установить Bower, выполните следующую команду:

npm install -g yarn

Установите Grunt Task Runner

Grunt Task Runner используется для автоматизации процесса разработки.

Чтобы установить Grunt, запустите:

npm install -g grunt-cli

Чтобы проверить, установлены ли Yarn и Grunt, запустите:

$ npm list -g --depth=0
/home/sk/.nvm/versions/node/v11.11.0/lib
├── grunt-cli@1.3.2
├── npm@6.7.0
└── yarn@1.13.0

Установите Gulp Task Runner (необязательно)

Это необязательно. Вместо Grunt вы можете использовать Gulp. Чтобы установить Gulp Task Runner, выполните следующую команду:

npm install -g gulp

Мы установили все необходимые предпосылки. Теперь давайте развернем стек MEAN.JS.

Установите стек MEAN.JS

Установите Git, если он еще не установлен:

sudo apt-get install git

Затем git клонируйте репозиторий MEAN.JS с помощью команды:

git clone https://github.com/meanjs/mean.git meanjs

Пример вывода:

Cloning into 'meanjs'...
remote: Counting objects: 8596, done.
remote: Compressing objects: 100% (12/12), done.
remote: Total 8596 (delta 3), reused 0 (delta 0), pack-reused 8584
Receiving objects: 100% (8596/8596), 2.62 MiB | 140.00 KiB/s, done.
Resolving deltas: 100% (4322/4322), done.
Checking connectivity... done.

Приведенная выше команда клонирует последнюю версию репозитория MEAN.JS в папку meanjs в вашем текущем рабочем каталоге.

Перейдите в папку mejs:

cd meanjs/

Выполните следующую команду, чтобы установить зависимости Node.js, необходимые для тестирования и запуска нашего приложения:

npm install

Это займет некоторое время. Пожалуйста, будьте терпеливы.

Устранение неполадок:

Когда я запускаю указанную выше команду в Ubuntu 18.04 LTS, я получаю следующую ошибку:

Downloading binary from https://github.com/sass/node-sass/releases/download/v4.5.3/linux-x64-67_binding.node
Cannot download "https://github.com/sass/node-sass/releases/download/v4.5.3/linux-x64-67_binding.node":

HTTP error 404 Not Found

[....]

Если вы когда-нибудь столкнетесь с такими распространенными ошибками, как «node-sass и gulp-sass», сделайте следующее:

Сначала удалите проект и глобальные модули gulp-sass, используя следующие команды:

npm uninstall gulp-sass
npm uninstall -g gulp-sass

Затем удалите глобальный модуль node-sass:

npm uninstall -g node-sass

Сначала установите глобальный узел node-sass. Затем установите модуль gulp-sass на уровне локального проекта.

npm install -g node-sass
npm install gulp-sass

Теперь попробуйте еще раз установить npm из папки проекта, используя команду:

npm install

Теперь все зависимости начнут устанавливаться без проблем.

После установки всех зависимостей выполните следующую команду, чтобы установить все внешние модули, необходимые для приложения:

yarn --allow-root --config.interactive=false install

Или,

yarn --allow-root install

В конце вы увидите следующее сообщение, если установка прошла успешно.

[...]
> meanjs@0.6.0 snyk-protect /home/sk/meanjs
> snyk protect

Successfully applied Snyk patches

Done in 99.47s.

Тест MEAN.JS

Стек MEAN.JS установлен. Теперь мы можем запустить пример приложения с помощью команды:

npm start

Через несколько секунд вы увидите сообщение, подобное приведенному ниже. Это означает, что стек MEAN.JS работает!

[...]
MEAN.JS - Development Environment

Environment: development
Server: http://0.0.0.0:3000
Database: mongodb://localhost/mean-dev
App version: 0.6.0
MEAN.JS version: 0.6.0

Чтобы проверить, откройте браузер и перейдите по адресу http://localhost:3000 или http://IP-адрес:3000/. Вы должны увидеть экран, подобный показанному ниже.

Тестовая страница среднего стека

Поздравляем! Стек MEAN.JS готов приступить к созданию веб-приложений.

Для получения более подробной информации я рекомендую вам обратиться к официальной документации стека MEAN.JS.

Хотите настроить стек MEAN.JS в CentOS, RHEL, Scientific Linux? Для получения более подробной информации перейдите по следующей ссылке.

  • Установить стек MEAN.JS в CentOS 7

И это все на данный момент, ребята. Надеюсь, это руководство поможет вам настроить стек MEAN.JS.

Ресурсы:

  • Веб-сайт MEAN.JS
  • Репозиторий MEAN.JS на GitHub

Связанное чтение:

  • Как установить MongoDB с помощью Vagrant в Linux

Статьи по данной тематике