首頁 web前端 js教程 API 與中間件:了解差異

API 與中間件:了解差異

Jan 14, 2025 am 08:09 AM

在進行後端開發時,你一定會遇到兩個名詞:API中間件

雖然兩者在應用程式架構中都發揮關鍵作用,但它們的用途卻截然不同。

讓我們將他們分解,比較他們的角色,並以一種不會讓你想翻桌子的方式澄清他們的差異。

什麼是 API?

API 代表應用程式介面。它本質上是一個允許不同軟體元件相互溝通的合約。

將其視為餐廳的服務員:它接受您的訂單(請求),將其送到廚房(服務器),然後帶回您的食物(回應)。

API 的主要特徵

  • 公開端點以與資料或服務互動。
  • 透過 HTTP/HTTPS 運作(對於 Web API 最常見)。
  • 可以遵循 REST、GraphQL 或 gRPC 等協定。

現實世界的類比

每次訂購 Uber 或發布推文時,您都在使用 API。應用程式的後端為前端提供API來獲取或發送資料。

  • 程式碼範例 Express.js 應用程式中的簡單 API 端點可能如下所示:
  const express = require('express');
  const app = express();

  app.get('/users', (req, res) => {
    res.json([
      { id: 1, name: 'John Doe' },
      { id: 2, name: 'Jane Smith' },
    ]);
  });

  app.listen(3000, () => {
    console.log('Server running on port 3000');
  });
登入後複製
  • API 定義您的應用程式向外界公開的什麼功能。

API vs Middleware: Understanding the Difference

什麼是中間件?

中間件更像是廚房的幕後工作人員——它不是直接為你服務,但它保證一切順利進行。

用技術術語來說,中間件是位於應用程式管道中的請求和回應之間的一個函數或一組函數。

中介軟體的主要特徵

  • 在請求到達最終處理程序(例如 API)之前對其進行處理。
  • 可以修改請求或回應。
  • 通常用於身份驗證、日誌記錄、驗證或錯誤處理等任務。

現實世界的類比

將中間件視為建築物內的保全。

它確保只有授權個人(有效請求)才能到達辦公室(API)。

  • 程式碼範例 下面是 Express.js 中的簡單日誌中間件範例:
  const express = require('express');
  const app = express();

  const loggingMiddleware = (req, res, next) => {
    console.log(`Request made to: ${req.url}`);
    next(); // Pass control to the next middleware or handler
  };

  app.use(loggingMiddleware);

  app.get('/users', (req, res) => {
    res.json([
      { id: 1, name: 'John Doe' },
      { id: 2, name: 'Jane Smith' },
    ]);
  });

  app.listen(3000, () => {
    console.log('Server running on port 3000');
  });
登入後複製
  • 中間件處理請求在到達端點之前如何處理

API vs Middleware: Understanding the Difference

API 和中間件之間的主要區別

Aspect API Middleware
Purpose Defines endpoints for interaction. Processes requests/responses.
Visibility Exposed to external systems. Works internally within the app.
Examples /users, /products, /login Authentication, logging, error handling
Interaction Invoked by external clients. Invoked automatically in the request pipeline.
Code Placement Found in controllers. Found in the middleware functions.

何時使用 API 與中介軟體

  • API

    • 當您想為外部應用程式或服務提供與您的系統互動的方式時,請使用 API。
    • 範例:行動應用程式透過 /users/:id 取得使用者詳細資訊。
  • 中介軟體

    • 使用中間件來實作適用於多個路由或 API 的橫切關注點。
    • 範例:驗證所有受保護路由的 JWT 令牌,在瀏覽器中設定 cookie。

API vs Middleware: Understanding the Difference

將其整合在一起

想像一下建立一個共乘應用程式。 API 可能包括:

  • /drivers:取得可用的驅動程式。
  • /trips:預訂或管理行程。

在幕後,中間件確保:

  • 只有經過身份驗證的使用者才能存取/trips。
  • 每個請求都會保留日誌。
  • 實施速率限制是為了防止濫用。

API 和中間件對於建立強大的應用程式都是不可或缺的 - 一個公開功能,另一個確保其順利、安全地工作。

說到 API,

我一直在開發一個名為 LiveAPI 的超級方便的工具。

它旨在讓開發人員輕鬆編寫 API 文件。

API vs Middleware: Understanding the Difference

使用LiveAPI,您可以快速產生互動式API文檔,允許使用者直接從瀏覽器執行API。

API vs Middleware: Understanding the Difference

如果您厭倦了手動建立文件或不想花時間為 API 整合 swagger,這個工具可能會讓您的生活更輕鬆,現在就嘗試 LiveAPI!

以上是API 與中間件:了解差異的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1675
14
CakePHP 教程
1429
52
Laravel 教程
1333
25
PHP教程
1278
29
C# 教程
1257
24
Python vs. JavaScript:學習曲線和易用性 Python vs. JavaScript:學習曲線和易用性 Apr 16, 2025 am 12:12 AM

Python更適合初學者,學習曲線平緩,語法簡潔;JavaScript適合前端開發,學習曲線較陡,語法靈活。 1.Python語法直觀,適用於數據科學和後端開發。 2.JavaScript靈活,廣泛用於前端和服務器端編程。

JavaScript和Web:核心功能和用例 JavaScript和Web:核心功能和用例 Apr 18, 2025 am 12:19 AM

JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互;2)在用戶提交數據前進行客戶端驗證,提高用戶體驗;3)通過AJAX技術實現與服務器的無刷新通信。

JavaScript在行動中:現實世界中的示例和項目 JavaScript在行動中:現實世界中的示例和項目 Apr 19, 2025 am 12:13 AM

JavaScript在現實世界中的應用包括前端和後端開發。 1)通過構建TODO列表應用展示前端應用,涉及DOM操作和事件處理。 2)通過Node.js和Express構建RESTfulAPI展示後端應用。

了解JavaScript引擎:實施詳細信息 了解JavaScript引擎:實施詳細信息 Apr 17, 2025 am 12:05 AM

理解JavaScript引擎內部工作原理對開發者重要,因為它能幫助編寫更高效的代碼並理解性能瓶頸和優化策略。 1)引擎的工作流程包括解析、編譯和執行三個階段;2)執行過程中,引擎會進行動態優化,如內聯緩存和隱藏類;3)最佳實踐包括避免全局變量、優化循環、使用const和let,以及避免過度使用閉包。

Python vs. JavaScript:社區,圖書館和資源 Python vs. JavaScript:社區,圖書館和資源 Apr 15, 2025 am 12:16 AM

Python和JavaScript在社區、庫和資源方面的對比各有優劣。 1)Python社區友好,適合初學者,但前端開發資源不如JavaScript豐富。 2)Python在數據科學和機器學習庫方面強大,JavaScript則在前端開發庫和框架上更勝一籌。 3)兩者的學習資源都豐富,但Python適合從官方文檔開始,JavaScript則以MDNWebDocs為佳。選擇應基於項目需求和個人興趣。

Python vs. JavaScript:開發環境和工具 Python vs. JavaScript:開發環境和工具 Apr 26, 2025 am 12:09 AM

Python和JavaScript在開發環境上的選擇都很重要。 1)Python的開發環境包括PyCharm、JupyterNotebook和Anaconda,適合數據科學和快速原型開發。 2)JavaScript的開發環境包括Node.js、VSCode和Webpack,適用於前端和後端開發。根據項目需求選擇合適的工具可以提高開發效率和項目成功率。

C/C在JavaScript口譯員和編譯器中的作用 C/C在JavaScript口譯員和編譯器中的作用 Apr 20, 2025 am 12:01 AM

C和C 在JavaScript引擎中扮演了至关重要的角色,主要用于实现解释器和JIT编译器。1)C 用于解析JavaScript源码并生成抽象语法树。2)C 负责生成和执行字节码。3)C 实现JIT编译器,在运行时优化和编译热点代码,显著提高JavaScript的执行效率。

Python vs. JavaScript:比較用例和應用程序 Python vs. JavaScript:比較用例和應用程序 Apr 21, 2025 am 12:01 AM

Python更適合數據科學和自動化,JavaScript更適合前端和全棧開發。 1.Python在數據科學和機器學習中表現出色,使用NumPy、Pandas等庫進行數據處理和建模。 2.Python在自動化和腳本編寫方面簡潔高效。 3.JavaScript在前端開發中不可或缺,用於構建動態網頁和單頁面應用。 4.JavaScript通過Node.js在後端開發中發揮作用,支持全棧開發。

See all articles