介绍
MEAN 堆栈是一组技术的缩写,包括 MongoDB、Express.js、Angular 和 Node.js。这个堆栈结合了四个不同的技术,每个技术都有其特殊的优点和用途。在本文中,我们将介绍如何在 Microsoft Azure 中搭建 MEAN 堆栈,并基于开放数据协议来进行数据交互。
准备工作
在开始之前,需要准备以下环境:
- Microsoft Azure 账号
- MongoDB 数据库
- Node.js 和 npm(Node.js 包管理器)
- Angular CLI
步骤 1:创建 Azure 资源
首先,我们需要创建一个 Azure 资源。可以通过 Azure 门户、Azure CLI 或者 Azure PowerShell 等方式来创建资源。在此不做赘述。
创建完成后,我们需要确保已经安装了 Azure CLI,并登录到 Azure 账号:
az login
对于本文,我们将在 Azure 上创建一个名为 mean-stack
的资源组,并在其中创建一个名为 mean-app
的 Web 应用程序:
az group create --name mean-stack --location eastus az appservice plan create --name mean-plan --resource-group mean-stack --sku B1 --is-linux az webapp create --name mean-app --resource-group mean-stack --plan mean-plan --runtime "NODE|14-lts"
步骤 2:设置 MongoDB
我们将使用 MongoDB 作为我们的数据库。在 Azure 上,可以使用 Cosmos DB 来创建 MongoDB 实例。必须确保已经创建了一个名为 mean-db
的 Cosmos DB 实例,并已启用了 MongoDB API。
接下来,我们需要获取连接字符串。在 Azure 门户中选择 Cosmos DB 实例,并在“连接字符串”选项卡中查找“MongoDB 连接字符串”。将其复制并保存下来,稍后将用到此字符串。
步骤 3:创建 Express.js 应用程序
现在,我们可以开始创建 MEAN 堆栈的后端部分 - Express.js 应用程序。打开终端,进入任意目录并运行以下命令:
mkdir mean-app-backend cd mean-app-backend npm init -y
这样,我们就创建了新的 Node.js 应用程序,并初始化了 package.json
文件。
接下来,我们将安装 Express.js 和其他相关的 npm 包:
npm install express mongoose cors body-parser --save
express
:Web 框架mongoose
:MongoDB ORM(对象关系映射器)cors
:实现跨域资源共享body-parser
:解析请求体
然后,创建一个名为 server.js
的文件,并编写以下代码:
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---- - ---------------- ----- ---------- - ----------------------- ----- -------- - -------------------- ----- --- - ---------- ---------------- --------------------------- ------------------------------------------------------- - ---------------- ----- ------------------- ---- ---------- -- - ---------------------- -- ---------- ---------------------------- -- -- - ------------------- ------- -- ---- ---------------------- --- ---------------- -- - --------------------- --- -- ------ ---- --- ------ ----
在上面的代码中,我们首先导入所需的依赖项。然后,我们创建了一个 Express 应用程序对象,并使用 cors()
和 body-parser
中间件来处理跨域和请求体。
接下来,我们连接到 MongoDB 数据库,并启动 Express 应用程序。即使是开发环境,我们也应该在生产环境中使用环境变量来设置端口和数据库连接字符串。在本文中,我们将通过 Azure 配置这些环境变量。
最后,我们可以定义我们的 API 路由。
步
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/168