引言
Node.js 是一个开源的 JavaScript 运行环境，它可以在服务器端执行 JavaScript 代码。Express 则是基于 Node.js 平台，快速、开放的 web 应用开发框架。在本文中，我们将探讨如何使用 Node.js 和 Express 来构建一个基本的 Web 应用程序。
开始之前
首先，你需要确保已经在计算机上安装了 Node.js。可以访问 Node.js 官网 下载适合你操作系统的版本。
安装好 Node.js 后，你就可以通过 npm（Node.js 包管理器）来安装其他依赖。Express 可以通过 npm 安装：
npm install express
创建项目结构
接下来，我们需要创建一个新的目录来存放我们的项目，并初始化一个新的 Node.js 项目。
mkdir myapp
cd myapp
npm init -y
这将创建一个名为 myapp 的目录，并在其中初始化一个默认配置的 package.json 文件。
编写基本的 Express 应用
创建一个名为 app.js 的文件，这是 Express 应用程序的主要入口文件。
const express = require('express');
const path = require('path');
const app = express();
// 设置静态文件夹
app.use(express.static(path.join(__dirname, 'public')));
// 设置视图引擎
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
// 设置路由
app.get('/', (req, res) => {
res.render('index', {
title: 'Home Page' });
});
app.get('/about', (req, res) => {
res.render('about', {
title: 'About Us' });
});
// 404 错误处理中间件
app.use((req, res, next) => {
res.status(404).sendFile(path.join(__dirname, 'public', '404.html'));
});
// 启动服务器
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
console.log(`Server is running on port ${
PORT}`);
});
在上面的代码中，我们首先引入了 express 模块，并创建了一个 Express 应用实例。接着，我们设置了静态文件夹，这样 Express 就能自动提供位于 public 目录下的任何静态文件，比如 CSS、JavaScript 或图片。
我们还设置了视图引擎为 EJS，并定义了两个路由，一个指向主页，另一个指向关于我们页面。最后，我们定义了一个错误处理中间件，用于发送 404 页面给客户端。
创建视图和静态文件
为了使应用完整，我们需要创建视图文件和静态文件夹。
在项目的根目录下创建一个名为 views 的文件夹，并在其中创建两个 .ejs 文件：index.ejs 和 about.ejs。
<!-- views/index.ejs -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><%= title %></title>
</head>
<body>
<h1>Welcome to the <%= title %></h1>
</body>
</html>
<!-- views/about.ejs -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><%= title %></title>
</head>
<body>
<h1>This is the <%= title %></h1>
</body>
</html>
接下来，创建一个名为 public 的文件夹，并在其中创建一个简单的 CSS 文件和一个 404 页面。
/* public/style.css */
body {
font-family: Arial, sans-serif;
}
h1 {
color: navy;
}
<!-- public/404.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>404 Not Found</title>
</head>
<body>
<h1>Oops! This page does not exist.</h1>
</body>
</html>
启动应用
现在，你可以通过命令行来启动你的应用。
node app.js
打开浏览器，访问 http://localhost:3000，你应该能看到主页的内容。尝试访问 /about 路径，你应该看到关于页面的内容。如果试图访问不存在的路径，则会显示 404 页面。
总结
通过这篇博客文章，我们了解了如何使用 Node.js 和 Express 来构建一个基本的 Web 应用程序。虽然这里展示的应用程序很简单，但它为我们提供了一个坚实的基础，可以在此基础上添加更多的功能和服务。无论是作为学习的起点还是作为实际项目的开端，掌握这些基本概念都是非常有用的。
