正文

新手必看！快速掌握Node.js+Express构建API全攻略

/0 浏览量
0624

了解Node.js和Express

在开始之前，让我们先来了解一下Node.js和Express。

Node.js

Node.js是一个基于Chrome V8引擎的JavaScript运行环境。它允许你使用JavaScript来编写服务器端代码，并且拥有非阻塞的事件驱动I/O模型，这使得它非常适合构建高性能的Web服务器。

Express

Express是一个轻量级的Web应用框架，它为Node.js提供了快速、简洁的方式来搭建Web应用。它是一个“中间件”架构，这意味着你可以通过中间件来扩展Express的功能。

安装Node.js和Express

在开始之前，你需要确保你的计算机上安装了Node.js。你可以从Node.js官网下载并安装。

安装完成后，你可以通过以下命令来安装Express：

npm install express --global

创建你的第一个Express应用

现在你已经安装了Node.js和Express，让我们来创建一个简单的API。

  1. 创建一个新的文件夹，比如myapp。
  2. 打开终端，进入这个文件夹。
  3. 初始化一个新的Node.js项目：
npm init -y
  1. 安装Express：
npm install express
  1. 创建一个名为app.js的文件，并添加以下代码：
const express = require('express');
const app = express();

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

app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});
  1. 在终端中运行：
node app.js

现在，你应该能在浏览器中访问http://localhost:3000，并看到“Hello World!”的输出。

使用Express构建API

使用中间件

Express的中间件允许你在请求处理流程中插入自定义逻辑。以下是一个简单的中间件示例：

app.use((req, res, next) => {
  console.log('Request received');
  next();
});

路由和控制器

路由是Express应用的核心。以下是一个简单的路由示例：

app.get('/api/users', (req, res) => {
  res.json([{ name: 'John' }, { name: 'Jane' }]);
});

在这个例子中，我们创建了一个名为/api/users的路由，它返回一个包含用户信息的JSON数组。

使用模板引擎

如果你需要动态生成HTML页面，你可以使用模板引擎。Express支持多种模板引擎，如EJS、Pug等。以下是一个使用EJS的示例：

  1. 安装EJS：
npm install ejs
  1. 在app.js中设置EJS：
app.set('view engine', 'ejs');
  1. 创建一个名为index.ejs的文件：
<!DOCTYPE html>
<html>
<head>
  <title>Hello</title>
</head>
<body>
  <h1><%= title %></h1>
</body>
</html>
  1. 修改app.get('/', (req, res) => {...})路由，使其使用EJS模板：
app.get('/', (req, res) => {
  res.render('index', { title: 'Hello World!' });
});

现在，当你访问http://localhost:3000时，你应该能看到一个包含“Hello World!”标题的页面。

总结

通过以上内容，你应该已经对Node.js和Express有了基本的了解，并且能够创建一个简单的API。记住，实践是学习的关键，所以尝试自己构建一些项目，不断学习和提高。祝你学习愉快！

-- 展开阅读全文 --