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/)。祝你学习愉快!
本文来自极简博客,作者:紫色风铃,转载请注明原文链接:Express.js入门教程