8 启动服务器
在上一个部分中,我们创建了基本的项目结构,并添加了一些初始文件。现在,我们将开始真正的旅程:启动我们的第一个 Express 应用服务器。
1. 安装依赖
在开始之前,我们需要确保已经安装了 Express。如果还没有安装,可以使用以下命令进行安装:
1 | npm install express |
确保您在项目的根目录下运行这个命令,这个目录下应该包含您的 package.json
文件。
2. 创建服务器代码
在项目根目录下,我们通常会创建一个名为 app.js
(或者 index.js
等)的文件,作为我们 Express 应用的入口文件。打开或创建 app.js
,然后添加以下代码:
1 | const express = require('express'); // 引入Express模块 |
代码讲解
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 应用并成功启动了服务器。这个过程中,我们了解了如何设置基本的路由和启动一个服务器。在下一节中,我们将对这个应用进行测试,确保它可以正确响应请求。
继续期待下一篇教程,我们将深入探索如何对应用进行测试,让这个小项目更加完整和稳定。