8 启动服务器

在上一个部分中,我们创建了基本的项目结构,并添加了一些初始文件。现在,我们将开始真正的旅程:启动我们的第一个 Express 应用服务器。

1. 安装依赖

在开始之前,我们需要确保已经安装了 Express。如果还没有安装,可以使用以下命令进行安装:

1
npm install express

确保您在项目的根目录下运行这个命令,这个目录下应该包含您的 package.json 文件。

2. 创建服务器代码

在项目根目录下,我们通常会创建一个名为 app.js(或者 index.js 等)的文件,作为我们 Express 应用的入口文件。打开或创建 app.js,然后添加以下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
const express = require('express'); // 引入Express模块
const app = express(); // 创建Express应用实例

const PORT = process.env.PORT || 3000; // 设置端口,优先使用环境变量中的PORT

// 定义一个根路由
app.get('/', (req, res) => {
res.send('Hello, Express!'); // 当访问根路由时返回这个消息
});

// 启动服务器
app.listen(PORT, () => {
console.log(`服务器正在 http://localhost:${PORT} 上运行...`); // 输出服务器运行信息
});

代码讲解

  • const express = require('express');: 我们首先引入了 Express 模块。
  • const app = express();: 通过 express() 方法创建了一个 Express 应用实例。
  • const PORT = process.env.PORT || 3000;: 我们设置一个变量PORT,它优先使用环境变量中的 PORT,如果没有设置,则使用 3000 作为默认端口。
  • app.get('/', (req, res) => { ... });: 我们为根路由定义了一个处理函数,当用户访问主页面时会返回 Hello, Express! 字符串。
  • app.listen(PORT, () => { ... });: 启动服务器并监听指定端口,服务器启动后会在控制台输出运行信息。

3. 启动服务器

现在,我们可以通过以下命令来启动我们的服务器:

1
node app.js

如果一切正常,你将在控制台看到类似如下信息:

1
服务器正在 http://localhost:3000 上运行...

访问应用

打开你的网页浏览器,输入 http://localhost:3000,你应该可以看到页面上显示了 Hello, Express! 字样,这表示我们的 Express 应用已经成功启动并在运行。

4. 错误处理

在启动服务器的过程中,可能会遇到一些常见错误。以下是一些调试小技巧:

  • 端口被占用: 如果你看到错误信息提示端口已经被占用,可以尝试更改 PORT 变量的值为其他未被使用的端口(如 3001)。
  • 语法错误: JavaScript 语法错误会导致应用无法启动。请仔细检查代码,查看控制台中是否有指向错误行的提示。

5. 小结

到目前为止,我们创建了一个简单的 Express 应用并成功启动了服务器。这个过程中,我们了解了如何设置基本的路由和启动一个服务器。在下一节中,我们将对这个应用进行测试,确保它可以正确响应请求。

继续期待下一篇教程,我们将深入探索如何对应用进行测试,让这个小项目更加完整和稳定。

作者

IT教程网(郭震)

发布于

2024-08-15

更新于

2024-08-16

许可协议

分享转发

交流

更多教程加公众号

更多教程加公众号

加入星球获取PDF

加入星球获取PDF

打卡评论