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

Как установить стек MERN для приложений на основе JS в Ubuntu 20.04

На этой странице

  1. Предпосылки
  2. Начало работы
  3. Установить сервер MongoDB
  4. Создание администратора MongoDB
  5. Установите Node.js
  6. Установите React.js
  7. Установите Express.js
  8. Заключение

Стек MERN состоит из четырех компонентов: MongoDB, Express, React и Node. Он предоставляет набор технологий JavaScript, используемых для создания динамических веб-сайтов JS.

MongoDB — это наиболее широко используемая система баз данных NoSQL с открытым исходным кодом, используемая для разработки надежных веб-приложений. Express.js — это платформа веб-приложений Node.js, используемая для разработки гибридных веб-приложений. React.js — это среда JavaScript с открытым исходным кодом, используемая для создания внешнего интерфейса для мобильных приложений. Node.js — это среда JavaScript, которая позволяет разработчикам запускать код на сервере.

В этом руководстве мы покажем вам, как установить стек MERN на Ubuntu 20.04.

Предпосылки

  • Сервер под управлением Ubuntu 20.04.
  • На сервере настроен пароль root.

Начиная

Сначала обновите системные пакеты до обновленной версии, выполнив следующую команду:

apt-get update -y

Как только все пакеты будут обновлены, вы можете перейти к следующему шагу.

Установить сервер MongoDB

По умолчанию последняя версия MongoDB не включена в стандартный репозиторий Ubuntu 20.04. Поэтому вам нужно будет добавить репозиторий MongoDB в вашу систему.

Сначала установите все необходимые зависимости с помощью следующей команды:

apt-get install gnupg2 wget curl unzip git -y

После установки всех зависимостей добавьте GPG-ключ MongoDB с помощью следующей команды:

wget -qO- https://www.mongodb.org/static/pgp/server-4.4.asc | apt-key add -

Затем добавьте репозиторий MongoDB с помощью следующей команды:

echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/4.4 multiverse" | tee /etc/apt/sources.list.d/mongodb-org-4.4.list

Затем обновите репозиторий и установите сервер MongoDB с помощью следующей команды:

apt-get update -y
apt-get install mongodb-org -y

После установки MongoDB запустите службу MongoDB и включите ее запуск при перезагрузке системы:

systemctl start mongod
systemctl enable mongod

Затем проверьте состояние службы MongoDB, используя следующую команду:

systemctl status mongod

Вы должны увидеть следующий вывод:

? mongod.service - MongoDB Database Server
     Loaded: loaded (/lib/systemd/system/mongod.service; disabled; vendor preset: enabled)
     Active: active (running) since Fri 2021-07-23 12:21:17 UTC; 5s ago
       Docs: https://docs.mongodb.org/manual
   Main PID: 8774 (mongod)
     Memory: 58.8M
     CGroup: /system.slice/mongod.service
             ??8774 /usr/bin/mongod --config /etc/mongod.conf

Jul 23 12:21:17 ubuntu systemd[1]: Started MongoDB Database Server.

Затем проверьте установку MongoDB с помощью следующей команды:

mongo --eval 'db.runCommand({ connectionStatus: 1 })'

Вы должны получить следующий результат:

MongoDB shell version v4.4.7
connecting to: mongodb://127.0.0.1:27017/?compressors=disabled&gssapiServiceName=mongodb
Implicit session: session { "id" : UUID("59c89093-9e9d-413b-aafa-ae0a4ddda087") }
MongoDB server version: 4.4.7
{
	"authInfo" : {
		"authenticatedUsers" : [ ],
		"authenticatedUserRoles" : [ ]
	},
	"ok" : 1
}

Создать пользователя-администратора MongoDB

Сначала подключитесь к экземпляру MongoDB с помощью следующей команды:

mongo

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

> use admin

Затем создайте пользователя с правами администратора и установите пароль с помощью следующей команды:

> db.createUser({user: "admin" , pwd: passwordPrompt() , roles: [{ role: "userAdminAnyDatabase" , db: "admin"}]})
Enter password:

Вы должны получить следующий результат:

Successfully added user: {
	"user" : "admin",
	"roles" : [
		{
			"role" : "userAdminAnyDatabase",
			"db" : "admin"
		}
	]
}

Затем выйдите из оболочки MongoDB с помощью следующей команды:

> quit()

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

По умолчанию последняя версия Node.js не включена в стандартный репозиторий Ubuntu. Поэтому вам нужно будет добавить исходный репозиторий Node в вашу систему.

Чтобы добавить исходный репозиторий Node, выполните следующую команду:

curl -sL https://deb.nodesource.com/setup_14.x | bash -

После добавления репозитория установите Node.js с помощью следующей команды:

apt-get install nodejs -y

После установки проверьте версию Node.js с помощью следующей команды:

node --version

Вы должны увидеть следующий вывод:

v14.17.2

Вы также можете проверить версию NPM, используя следующую команду:

npm --version

Вы должны увидеть следующий вывод:

6.14.13

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

Во-первых, вам нужно будет установить инструмент create-react-app для создания приложения React.js.

Вы можете установить его с помощью следующей команды:

npm install -g create-react-app

После установки создайте приложение React.js с помощью следующей команды:

create-react-app myapp

Вы должны увидеть следующий вывод:

Success! Created myapp at /root/myapp
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd myapp
  npm start

Happy hacking!

Затем измените каталог на myapp и запустите приложение с помощью следующей команды:

cd myapp
npm start 0.0.0.0

Вы должны увидеть следующий вывод:

Compiled successfully!

You can now view myapp in the browser.

  http://localhost:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

Теперь вы можете получить доступ к приложению React.js, используя URL-адрес http://your-server-ip:3000. Вы должны увидеть панель инструментов React.js на следующей странице:

Теперь нажмите CTRL+C в терминале, чтобы закрыть приложение.

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

Сначала установите экспресс-генератор с помощью следующей команды:

npm install -g express-generator

После установки создайте новый проект с помощью следующей команды:

express myproject

Вы должны получить следующий результат:

  warning: the default view engine will not be jade in future releases
  warning: use `--view=jade' or `--help' for additional options


   create : myproject/
   create : myproject/public/
   create : myproject/public/javascripts/
   create : myproject/public/images/
   create : myproject/public/stylesheets/
   create : myproject/public/stylesheets/style.css
   create : myproject/routes/
   create : myproject/routes/index.js
   create : myproject/routes/users.js
   create : myproject/views/
   create : myproject/views/error.jade
   create : myproject/views/index.jade
   create : myproject/views/layout.jade
   create : myproject/app.js
   create : myproject/package.json
   create : myproject/bin/
   create : myproject/bin/www

   change directory:
     $ cd myproject

   install dependencies:
     $ npm install

   run the app:
     $ DEBUG=myproject:* npm start

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

cd myproject
npm install

Теперь запустите веб-сервер Express с помощью следующей команды:

npm start 0.0.0.0

Теперь откройте веб-браузер и получите доступ к приложению Express, используя URL-адрес http://your-server-ip:3000. Вы должны увидеть следующую страницу:

Заключение

Поздравляем! вы успешно установили стек MERN на сервер Ubuntu 20.04. Теперь вы можете начать разработку приложений MERN. Не стесняйтесь спрашивать меня, если у вас есть какие-либо вопросы.