”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > Express.js 基础知识:初学者指南 - Node.js 教程系列 - 第 10 部分

Express.js 基础知识:初学者指南 - Node.js 教程系列 - 第 10 部分

发布于2024-11-06
浏览:511

Express.js Basics: A Beginner

介绍:

嘿!如果您是 Node.js 新手,您可能听说过 Express.js——一个用于构建 Web 服务器和 API 的轻量级、快速且灵活的框架。在本指南中,我将引导您了解 Express 的基础知识,并向您展示入门是多么容易。

准备好?让我们开始吧!


1.安装 Express

首先,让我们安装 Express。确保您的计算机上设置了 Node.js 和 npm(Node 的包管理器)。准备好后,打开终端并运行以下命令:

npm install express

繁荣!您刚刚在项目中安装了 Express。就这么简单。


2.创建您的第一个 Express 服务器

现在,让我们构建一些东西!下面介绍了如何创建一个超级简单的 Express 服务器,该服务器侦听请求并在有人访问您的网站时以“Hello World”进行响应。

const express = require('express');  // Import Express
const app = express();  // Initialize your Express app

app.get('/', (req, res) => {  // Set up a route for GET requests to the root URL
  res.send('Hello World');  // Send a response
});

app.listen(3000, () => {  // Tell the app to listen on port 3000
  console.log('Server is running on port 3000');
});

如果您使用 Node app.js 运行此程序并在浏览器中打开 http://localhost:3000,您将看到“Hello World”。启动并运行服务器就是这么简单!


3.什么是中间件?

您可能经常听说过“中间件”这个术语。简而言之,中间件只是一个在接收请求和发送响应之间执行的函数。

我们看一个简单的例子:

app.use((req, res, next) => {
  console.log('Request received');
  next();  // Moves to the next middleware or route
});

在这种情况下,每次发出请求时,都会将“Request returned”记录到控制台。 next() 函数在这里至关重要,因为它允许请求继续到下一个中​​间件函数或路由处理程序。如果没有它,请求将停止,并且不会发送响应。

如果您有兴趣详细了解中间件的工作原理,请查看Understanding Middleware in Express.js with Node.js。它涵盖了不同类型的中间件,例如路由器级中间件和错误处理中间件。


4.路由:应用程序的骨干

路由是您在应用程序中设置不同 URL 的方式。您已经看到了根 (/) 路径的基本路由,但您还可以处理其他 HTTP 方法,例如 POST,以处理表单提交或数据更新。

app.post('/submit', (req, res) => {
  res.send('Form submitted!');
});

现在,当用户向 /submit 提交表单时,此路由将处理它。您可以根据需要创建任意数量的路线 - Express 让一切变得简单!


5.提供静态文件

如果您想提供图像、CSS 文件或其他静态资源怎么办?快递已满足您!只需将这些文件放入一个文件夹(例如 public)中,然后告诉 Express 在哪里可以找到它们:

app.use(express.static('public'));

现在,公共文件夹中的任何文件(例如 style.css 或图像)都可以通过浏览器直接访问。


6。处理 JSON 数据

在现代应用程序中,您经常需要处理 JSON 数据——可能来自表单或 API 请求。 Express 让这变得超级简单:

app.use(express.json());  // Add this middleware to parse JSON

app.post('/data', (req, res) => {
  console.log(req.body);  // Access the parsed JSON data
  res.send('Data received!');
});

现在,当带有 JSON 数据的 POST 请求发送到 /data 时,Express 会自动解析 JSON,您可以在 req.body 中访问它。很简单吧?


总结一下

这就是 Express.js 的快速简单介绍!只需几行代码,您就学会了如何:

  • 安装 Express,
  • 搭建基础服务器,
  • 使用中间件,
  • 处理不同的路线,
  • 提供静态文件,
  • 并使用 JSON 数据。

Express 是一个功能强大的框架,使构建 Web 服务器和 API 变得有趣而简单。当您变得更加熟悉时,您可以开始探索更高级的功能,例如路由器、错误处理,甚至与数据库集成。


快速旅程的专业提示

  • 使用nodemon:当您进行更改时,它会自动重新启动您的服务器。只需运行 npm install -g nodemon 并使用nodemon app.js 而不是node app.js。
  • 构建您的应用程序:随着项目的发展,您需要将路线和控制器组织到单独的文件中。这使您的代码保持干净且易于管理。

我希望本指南能帮助您开始使用 Express!不断尝试,不知不觉中,您就会像专业人士一样构建出色的网络应用程序。

编码愉快!

版本声明 本文转载于:https://dev.to/hakimmohamed/expressjs-basics-a-beginners-guide-nodejs-tutorial-series-part-10-4m49?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • JavaScript 中的变量命名最佳实践,实现简洁、可维护的代码
    JavaScript 中的变量命名最佳实践,实现简洁、可维护的代码
    简介:增强代码清晰度和维护 编写干净、易理解和可维护的代码对于任何 JavaScript 开发人员来说都是至关重要的。实现这一目标的一个关键方面是通过有效的变量命名。命名良好的变量不仅使您的代码更易于阅读,而且更易于理解和维护。在本指南中,我们将探讨如何选择具有描述性且有意义的变量名称,以显着改进您...
    编程 发布于2024-11-06
  • 揭示 Spring AOP 的内部工作原理
    揭示 Spring AOP 的内部工作原理
    在这篇文章中,我们将揭开 Spring 中面向方面编程(AOP)的内部机制的神秘面纱。重点将放在理解 AOP 如何实现日志记录等功能,这些功能通常被认为是一种“魔法”。通过浏览核心 Java 实现,我们将看到它是如何与 Java 的反射、代理模式和注释相关的,而不是任何真正神奇的东西。 ...
    编程 发布于2024-11-06
  • JavaScript ESelease 笔记:释放现代 JavaScript 的力量
    JavaScript ESelease 笔记:释放现代 JavaScript 的力量
    JavaScript ES6,正式名称为 ECMAScript 2015,引入了重大增强功能和新功能,改变了开发人员编写 JavaScript 的方式。以下是定义 ES6 的前 20 个功能,它们使 JavaScript 编程变得更加高效和愉快。 JavaScript ES6 的 2...
    编程 发布于2024-11-06
  • 了解 Javascript 中的 POST 请求
    了解 Javascript 中的 POST 请求
    function newPlayer(newForm) { fetch("http://localhost:3000/Players", { method: "POST", headers: { 'Content-Type': 'application...
    编程 发布于2024-11-06
  • 如何使用 Savitzky-Golay 滤波平滑噪声曲线?
    如何使用 Savitzky-Golay 滤波平滑噪声曲线?
    噪声数据的平滑曲线:探索 Savitzky-Golay 过滤在分析数据集的过程中,平滑噪声曲线的挑战出现在提高清晰度并揭示潜在模式。对于此任务,一种特别有效的方法是 Savitzky-Golay 滤波器。Savitzky-Golay 滤波器在数据可以通过多项式函数进行局部近似的假设下运行。它利用最小...
    编程 发布于2024-11-06
  • 重载可变参数方法
    重载可变参数方法
    重载可变参数方法 我们可以重载一个采用可变长度参数的方法。 该程序演示了两种重载可变参数方法的方法: 1 各种可变参数类型:可以重载具有不同可变参数类型的方法,例如 vaTest(int...) 和 vaTest(boolean...)。 varargs 参数的类型决定了将调用哪个方法。 2 添加公...
    编程 发布于2024-11-06
  • 如何在经典类组件中利用 React Hooks?
    如何在经典类组件中利用 React Hooks?
    将 React Hooks 与经典类组件集成虽然 React hooks 提供了基于类的组件设计的替代方案,但可以通过将它们合并到现有类中来逐步采用它们成分。这可以使用高阶组件 (HOC) 来实现。考虑以下类组件:class MyDiv extends React.component { co...
    编程 发布于2024-11-06
  • 如何使用 Vite 和 React 构建更快的单页应用程序 (SPA)
    如何使用 Vite 和 React 构建更快的单页应用程序 (SPA)
    在现代 Web 开发领域,单页应用程序 (SPA) 已成为创建动态、快速加载网站的流行选择。 React 是用于构建用户界面的最广泛使用的 JavaScript 库之一,使 SPA 开发变得简单。然而,如果你想进一步提高你的开发速度和应用程序的整体性能,Vite 是一个可以发挥重大作用的工具。 在本...
    编程 发布于2024-11-06
  • JavaScript 中字符串连接的分步指南
    JavaScript 中字符串连接的分步指南
    JavaScript 中的字符串连接 是将两个或多个字符串连接起来形成单个字符串的过程。本指南探讨了实现此目的的不同方法,包括使用运算符、= 运算符、concat() 方法和模板文字。 每种方法都简单有效,允许开发人员为各种用例(例如用户消息或 URL)构建动态字符串。 模板文字尤其为字符串连...
    编程 发布于2024-11-06
  • Web UX:向用户显示有意义的错误
    Web UX:向用户显示有意义的错误
    拥有一个用户驱动且用户友好的网站有时可能会很棘手,因为它会让整个开发团队将更多时间花在不会为功能和核心业务增加价值的事情上。然而,它可以在短期内帮助用户并在长期内增加价值。对截止日期严格要求的项目经理可能会低估长期的附加值。我不确定苹果网站团队是否属实,但他们缺少一些出色的用户体验。 最近,我尝试从...
    编程 发布于2024-11-06
  • 小型机械手
    小型机械手
    小型机械臂新重大发布 代码已被完全重构并编码为属性操作的新支持 这是一个操作示例: $classFile = \Small\ClassManipulator\ClassManipulator::fromProject(__DIR__ . '/../..') ->getC...
    编程 发布于2024-11-06
  • 机器学习项目中有效的模型版本管理
    机器学习项目中有效的模型版本管理
    在机器学习 (ML) 项目中,最关键的组件之一是版本管理。与传统软件开发不同,管理机器学习项目不仅涉及源代码,还涉及随着时间的推移而演变的数据和模型。这就需要一个强大的系统来确保所有这些组件的同步和可追溯性,以管理实验、选择最佳模型并最终将其部署到生产中。在这篇博文中,我们将探索有效管理 ML 模型...
    编程 发布于2024-11-06
  • 如何在 PHP 中保留键的同时按列值对关联数组进行分组?
    如何在 PHP 中保留键的同时按列值对关联数组进行分组?
    在保留键的同时按列值对关联数组进行分组考虑一个关联数组的数组,每个数组代表一个具有“id”等属性的实体和“名字”。面临的挑战是根据特定列“id”对这些数组进行分组,同时保留原始键。为了实现这一点,我们可以使用 PHP 的 foreach 循环来迭代数组。对于每个内部数组,我们提取“id”值并将其用作...
    编程 发布于2024-11-06
  • 如何在 Gradle 中排除特定的传递依赖?
    如何在 Gradle 中排除特定的传递依赖?
    用 Gradle 排除传递依赖在 Gradle 中,使用应用程序插件生成 jar 文件时,可能会遇到传递依赖,您可能想要排除。为此,可以使用排除方法。排除的默认行为最初,尝试排除 org.slf4j:slf4j- 的所有实例log4j12 使用以下代码:configurations { runt...
    编程 发布于2024-11-06
  • 极简生活的艺术
    极简生活的艺术
    什么是极简生活? 极简生活是一种有意减少拥有的财产数量和生活中杂乱的生活方式。这不仅是为了整理您的空间,也是为了简化您的生活,专注于真正重要的事情,并减少干扰。 为什么采用极简主义? 头脑清晰:拥有的东西越少,需要担心的事情就越少,头脑就越清晰。 财务自由:通过减少...
    编程 发布于2024-11-06

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3