Express.js入门教程

紫色风铃 2023-09-15 ⋅ 15 阅读

Express.js是一个流行的基于Node.js的Web应用程序框架,它提供了一个简单且灵活的方法来构建Web应用程序和API。无论是构建小型项目还是大型企业级应用,Express.js都可以帮助你快速搭建一个可靠和高效的服务器端应用程序。

本教程将带你 step-by-step 学习Express.js的基础知识,并且通过构建一个简单的Todo列表应用程序来实践所学知识。

准备工作

在开始之前,确保你已经安装了Node.js并具备基本的JavaScript编程知识。如果你还没有安装Node.js,可以在官方网站(https://nodejs.org)上下载并安装。

第一步:创建新的Express.js项目

首先,打开你的终端或命令提示符,并使用以下命令创建一个新的Express.js项目:

$ mkdir todo-list
$ cd todo-list
$ npm init -y

这将会创建一个新的文件夹todo-list,并且用npm init -y命令生成一个默认的package.json文件。

然后,使用以下命令安装Express.js:

$ npm install express

第二步:创建一个简单的Express.js应用

创建一个名为app.js的文件,并将以下代码添加到文件中:

const express = require('express');
const app = express();
const port = 3000;

app.get('/', (req, res) => {
  res.send('Hello, Express.js!');
});

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

这段代码首先引入了express模块,并创建了一个Express应用程序实例。接下来,我们定义一个基本的路由处理程序,当用户访问根路径/时,服务器将会返回一条简单的消息。

最后,我们使用app.listen()方法指定应用程序在哪个端口上监听,这里我们使用了默认的3000端口。

第三步:启动Express.js应用

将以下命令添加到package.json文件中的scripts字段:

"scripts": {
  "start": "node app.js"
}

现在,你可以使用以下命令来启动Express.js应用程序:

$ npm start

如果一切顺利,你应该会看到终端输出Server is running on port 3000,这表示服务器已经成功启动。

第四步:测试应用程序

打开你的浏览器,并在地址栏中输入http://localhost:3000。应该能够看到一条简单的消息Hello, Express.js!。这表明你的Express.js应用程序正在成功运行。

总结

在本教程中,我们通过一个简单的例子介绍了Express.js的基本用法。你已经学会了如何创建一个新的Express应用程序,定义路由处理程序,并启动应用程序来测试。

Express.js非常灵活,你可以利用它的插件和中间件来构建复杂的Web应用程序。如果你想进一步学习如何使用Express.js构建完整的Web应用程序,可以参考Express.js官方文档(https://expressjs.com/)。祝你学习愉快!


全部评论: 0

    我有话说: