14 Express框架入门之创建第一个Express应用

欢迎来到Node.js小白教程系列的下一篇文章。在上一篇中,我们介绍了如何安装Express框架,今天我们将深入学习如何创建第一个Express应用。通过这个简单的例子,我们将展示如何设置Express服务器及其基本的路由配置。

创建项目目录

首先,确保您在一个干净的工作目录中。打开您的终端,并执行以下命令来创建一个新的项目目录:

1
2
mkdir my-express-app
cd my-express-app

然后,您需要初始化一个新的Node.js项目。运行以下命令:

1
npm init -y

这会生成一个package.json文件,该文件将包含您项目的一些基本信息。

安装Express

接下来,我们需要安装Express。虽然在上一篇文章中我们已经安装了Express,但在这里我们再次说明一下如何安装它,以确保您在正确的目录中:

1
npm install express

创建基本的Express应用

接下来,您可以创建一个新的JavaScript文件,例如app.js,并在其中编写您的第一个Express应用代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// app.js
const express = require('express');
const app = express();
const PORT = 3000;

// 定义根路由
app.get('/', (req, res) => {
res.send('Hello World! This is my first Express app.');
});

// 启动服务器
app.listen(PORT, () => {
console.log(`Server is running at http://localhost:${PORT}`);
});

在上面的代码中,我们使用require导入了Express模块,并实例化了一个Express应用。然后,我们定义了一个根路由/,当用户访问这个路由时,服务器将返回Hello World! This is my first Express app.这段文本。

我们使用app.listen方法来启动服务器,并让其监听指定的端口。在这个例子中,我们使用了3000端口。

运行应用

现在,一切准备就绪,我们可以在终端中运行我们的应用:

1
node app.js

若提示没有错误信息,您将在终端看到如下输出:

1
Server is running at http://localhost:3000

接下来,请打开您的浏览器,输入http://localhost:3000,您将看到页面上显示:

1
Hello World! This is my first Express app.

恭喜您,您已经成功创建了第一个Express应用!

总结

在本篇文章中,我们学习了如何创建一个基本的Express应用,从设置项目到网络请求的处理。这为您下一步深入学习Express的中间件和路由打下了基础。在下一篇文章中,我们将讨论“中间件与路由之使用中间件”。通过使用中间件,我们能够更灵活地处理请求和响应,为您的应用增加更多的功能和灵活性。

感谢您的阅读,我们期待在下一篇文章中再见!

14 Express框架入门之创建第一个Express应用

https://zglg.work/node-js-you-need/14/

作者

IT教程网(郭震)

发布于

2024-08-10

更新于

2024-08-10

许可协议

分享转发

交流

更多教程加公众号

更多教程加公众号

加入星球获取PDF

加入星球获取PDF

打卡评论