用Node.js和Express.js搭建本地主机服务器
- 2022-12-14 10:32:51
- 502次 极悦
目标很简单。使用 Node.js 和 Express.js 部署本地主机服务器。
但首先，您可能想知道什么是 Node.js 和 Express.js?
Node.js /(Node) 是一个基于 Google Chrome 的 V8 JavaScript 引擎构建的开源服务器端平台。由于能够在各种平台上运行并具有可扩展性，Node 已成为开发 Web 应用程序的“首选”选项。
Express.js /(Express) 是一个运行在 Node.js 上的流行模块框架。它使开发人员能够轻松快速地构建静态和动态 Web 应用程序和 API。
用更简单的术语来说，Node 允许您在浏览器之外运行 JavaScript，而 Express 使您能够响应单个客户端请求并快速构建 API。
说够了。让我们开始吧!
第 1 步：下载节点
下载 Node.js 并按照引导提示进行操作，直到安装完成。
如果您使用的是 Mac，只需选择以绿色突出显示的“macOS 安装程序”。
您可以通过导航到命令行并输入以下命令来验证 Node 是否已成功安装。
node --version
如果安装正确，您将看到返回的 Node 版本。比如现在运行的是V12.18.0。
第 2 步：创建一个新的工作目录
在安装 Express 之前，您需要创建一个新的工作目录。
mkdir Example-1
接下来，添加下面的两个文件。
索引.html
应用程序.js
触摸 index.html app.js
第 3 步：安装 Express
将这两个文件添加到您的项目后，您就可以安装 Express 了。首先，确保您位于刚刚创建的工作目录中。对于这个示例，将在“Example-1”中。您可以通过在命令行中输入“pwd”来查看您当前所在的目录。确认您位于正确的目录后，通过运行以下命令安装 Express。
npm install express
第 4 步：设置您的 HTML
打开您在代码编辑器中创建的工作目录。目前，在 VS (Visual Studio) 上运行。您可以使用最适合您的任何东西!对于此示例，在正文中插入一个标头以显示浏览器如何与您的服务器交互。
在您的“index.html”文件中输入以下代码。
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Example-1</title>
</head>
<body>
<h1>You did it!</h1>
</body>
</html>
第 5 步：设置您的本地主机服务器
您现在可以启动本地主机服务器了!
在您的“app.js”文件中输入以下代码。
const express = require("express");
const app = express();
app.get("/", function (req, res) {
res.sendFile(__dirname + "/index.html");
});
app.listen(3000, function () {
console.log("Server is running on localhost3000");
});
第 6 步：启动您的服务器
你快到了!转到命令行并输入以下内容以启动您的服务器：
node app.js
如果您的终端返回写入“app.js”文件的“服务器正在 localhost3000 上运行”消息，您将知道您的服务器正在正常运行。
console.log("Server is running on localhost3000");
第 7 步：检查一下!
最后，转到 Chrome 并在浏览器中输入“localhost:3000”。您现在应该看到您在“index.html”文件中编写的标题。
如果您收到错误消息，请返回并查看步骤 1-7 是否存在差异。很容易漏掉括号或分号!
选你想看
你适合学Java吗？4大专业测评方法
代码逻辑 吸收能力 技术学习能力 综合素质
先测评确定适合在学习
价值1998元实验班免费学
在线咨询
免费试学