如何在 Ubuntu 20.04 上为基于 JS 的应用程序安装 MERN 堆栈

MERN 是一个流行的堆栈,包括 MongoDB、Express、React、NodeJS。 该堆栈基于 JavaScript,用于构建现代且可扩展的 Web 应用程序。 它由前端(React)、后端(Node 和 Express)和数据库组件(MongoDB)组成。

本指南将带您完成在 Ubuntu 20.04 上安装 MERN 堆栈。

第 1 步:安装 MongoDB

MongoDB 是一个跨平台的面向文档的数据库程序,属于 NoSQL 系列的一部分。NoSQL 与传统的基于表的 SQL 数据库不同,它使用文档和集合以二进制 JSON 格式保存数据。 这允许在不停机的情况下对数据库进行大量更改。

MongoDB 在官方 Ubuntu 存储库中可用,但在最新版本中不可用。 在撰写本文时,可供下载的最新 MongoDB 版本是 5.0。

要在 Ubuntu 20.04 上安装 MongoDB 5.0 社区版,我们首先需要导入 GPG 密钥,如下所示:

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

接下来,使用以下命令将 MongoDB 存储库添加到 APT 包管理器:

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

此后,更新您的 Ubuntu 软件包存储库:

$ sudo apt update

接下来,使用以下命令安装 MongoDB:

$ sudo apt install mongodb-org* -y

安装完成后,启动并启用 MongoDB 在系统启动时自动运行。 执行命令:

$ sudo systemctl start mongod
$ sudo systemctl enable mongod

要验证安装是否成功,请运行以下命令检查 MongoDB 的状态:

$ sudo systemctl status mongod

MongoDB 服务现已启动并运行。

创建 MongoDB 管理员用户

现在让我们为数据库创建一个管理员用户。 使用以下命令登录 MongoDB:

$ sudo mongo

一旦连接到 Mongo shell,运行这些命令来创建和设置密码 admin 用户。

$ use admin
$ db.createUser({user: "admin" , pwd: passwordPrompt() , roles: [{ role: "userAdminAnyDatabase" , db: "admin"}]})

Exit 使用以下命令的 Mongo shell:

$ exit

第 2 步:安装 NodeJS

Node.js 是一个开源、跨平台的 Javascript 运行时环境,它允许我们构建快速且可扩展的服务器端应用程序。 Node.js 通常与 React、Vue 和 Angular 等 JavaScript 前端框架一起使用。

就像 MongoDB 一样,最新版本的 Node.js 在 Ubuntu 默认包存储库中不可用。 您需要将 Node 源存储库添加到系统包中,如下所示:

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

添加存储库后,继续使用以下命令安装 Node.js:

$ sudo apt-get install nodejs -y

然后,使用以下命令验证 Node.js 版本:

$ node --version

您还可以验证安装的 npm 版本。 NPM 是一个节点包管理器,包含用于开发 JavaScript 应用程序的所有库和其他工具。 运行命令:

$ npm --version

第 3 步:安装 ReactJS

ReactJS 是一个用于创建响应式现代用户界面的 JavaScript 库。

首先,您需要使用 npm 包管理器安装 create-react-app 工具。 创建反应应用 安装构建和运行 React 应用程序所需的工具。 执行命令:

$ npm install -g create-react-app

现在您已准备好创建 React.js 应用程序。 运行命令:

$ create-react-app my-app

您将看到如下所示的输出:

接下来,进入 my-app 目录以使用以下命令启动 ReactJS 应用程序:

$ cd my-app
$ npm start 0.0.0.0

接下来,打开您的 Web 浏览器并使用以下地址访问 React:

https://your-server-ip:3000 

第 3 步:安装 ExpressJS

ExpressJS 是 NodeJS 的最小 Web 应用程序框架,它具有适用于现代移动和 Web 应用程序的强大功能。 安装 React 后,我​​们现在可以安装 express-generator,如下所示:

$ npm install -g express-generator

接下来,使用以下命令创建一个新的 express 应用程序:

$ express new-app

您应该得到以下输出:

接下来,导航到您的项目目录并通过执行以下命令安装所有 NPM 依赖项:

$ cd new-app
$ npm install

现在,使用以下命令启动 Express Web 服务器:

$ npm start 0.0.0.0

要访问您的 Express 应用程序,请打开您的 Web 浏览器并导航到以下地址:

$ https://your-server-ip:3000

您将看到以下输出:

结论

您已在 Ubuntu 20.04 系统上成功安装 MERN 堆栈。