前言
RESTful API 是现代 Web 应用的重要组成部分。它通过 HTTP 协议提供一个统一的接口，让客户端（如 Web 应用、移动应用、桌面应用等）与服务器端（如数据库、文件系统等）进行数据交互。在实际开发中，我们需要考虑如何选择 RESTful API 的部署方式，这不仅关系到应用性能，也涉及到开发流程、测试、部署等方面的问题。
本文将讨论 RESTful API 的集成式和分离式两种部署方式的优缺点，并附带实例代码，希望对读者有帮助。
集成式部署
所谓集成式部署，就是将 RESTful API 和它的客户端（例如 Web 应用）部署在同一台服务器上。这种方式的优点在于：
- 减少网络延迟。不需要将请求发送到另一台服务器上再返回结果，因此响应时间更快。
- 便于开发和测试。由于 RESTful API 和客户端都在同一台服务器上，更容易进行本地测试和调试。
- 简化部署流程。只需要在同一台服务器上部署 RESTful API 和客户端，无需考虑多个服务器之间的协作。
当然，集成式部署方式也存在一些缺点。比如：
- 可扩展性差。当客户端访问量增大时，可能需要对服务器进行扩容，这会增加成本和复杂度。
- 难以分离责任。客户端和服务器共享同一份代码，难以将它们的责任分离开来。比如当客户端部分需要更新时，可能需要重新部署整个应用，这势必造成不必要的麻烦。
下面是一个使用集成式部署的示例：
-- -------------------- ---- ------- -- --------- ----- ------- - ------------------- ----- --- - ---------- ------------------------ ----- ---- -- - ----- ---- - -------------- -- -------- ---------------- ----------- --- ---------------------------------- ----- ---- - ---------------- -- ----- ---------------- -- -- ------------------- ------- -- ---- -----------
-- -------------------- ---- -------
---- ---------- ---
--------- -----
------
------
----- ----------------
------------ -------------
-------
------
----------- -- -- ------------
------
------ ------------------------
------ ----------- --------- ----------- --
------- ----------------- --------------
-------
-- ----------------
--------
----- ---- - -------------------------------
----- ------ - ----------------------------------
------------------------------- ----- -- -
-----------------------
----- ---- - --------------------------------------
-----------------------------------
-------------- -- ----------------
------------- -- -
------------------ - --------
--
------------ -- -
---------------------
------------------ - ------- -- ----- ---------
---
---
---------
-------
-------上面的例子中，我们将 RESTful API 和 Web 应用都部署在了 server.js 这个文件中。当用户从浏览器访问我们的网站时，就会自动加载 index.html，这个页面中包含了一个表单和一些 JavaScript 代码。当用户输入名字并提交表单时，JavaScript 代码会使用 fetch 请求服务器的 /api/greeting 接口，然后将返回的消息显示在页面上。
需要注意的一点是，我们在 server.js 中通过 express.static 中间件指定了一个 public 目录，用来存放这个网站的静态文件。这可以让我们更方便地引用 CSS、JavaScript、图片等资源。
分离式部署
另一种常见的 RESTful API 部署方式是分离式部署。所谓分离式部署，就是将 RESTful API 和它的客户端（例如 Web 应用）分开部署在不同的服务器上。这种方式的优点在于：
- 可扩展性好。由于客户端和服务器分开部署，可以更方便地对它们进行独立的扩缩容。
- 易于管理。客户端和服务器分开部署，更容易管理。
- 灵活性强。客户端和服务器分开部署，可以使它们有不同的部署策略，比如使用不同的云服务商、不同的操作系统等，从而更好地符合实际需求。
当然，分离式部署方式也存在一些缺点。比如：
- 网络延迟更高。由于客户端需要访问另一台服务器上的 RESTful API，因此响应时间会更慢。
- 部署流程复杂。需要考虑多个服务器之间的协作，这会增加部署程序的复杂度。
下面是一个使用分离式部署的示例：
-- -------------------- ---- ------- -- --------- ----- ------- - ------------------- ----- --- - ---------- ------------------------ ----- ---- -- - ----- ---- - -------------- -- -------- ---------------- ----------- --- ----- ---- - ---------------- -- ----- ---------------- -- -- ------------------- ------- -- ---- -----------
-- -------------------- ---- -------
---- ---------- ---
--------- -----
------
------
----- ----------------
------------ -------------
-------
------
----------- -- -- ------------
------
------ ------------------------
------ ----------- --------- ----------- --
------- ----------------- --------------
-------
-- ----------------
--------
----- ---- - -------------------------------
----- ------ - ----------------------------------
------------------------------- ----- -- -
-----------------------
----- ---- - --------------------------------------
--------------------------------------------------------- -- ----- --- -----
-------------- -- ----------------
------------- -- -
------------------ - --------
--
------------ -- -
---------------------
------------------ - ------- -- ----- ---------
---
---
---------
-------
-------上面的例子中，我们将 RESTful API 和 Web 应用分别部署在了两个不同的服务器上。当用户从浏览器访问我们的网站时，会自动加载 index.html。与之前的例子不同，这里的 JavaScript 代码通过 fetch 请求 http://api.example.com/api/greeting 这个 API，而不是本地的 /api/greeting。同时，我们需要将 API 域名和端口号作为参数传给 fetch 方法，以便让 JavaScript 代码知道从哪里请求数据。
需要注意的一点是，这里的 api.example.com 是一个虚构的域名，实际情况中需要根据实际情况进行替换。
总结
无论选择集成式还是分离式部署方式，都需要根据具体的应用场景进行选择。如果应用规模较小，访问量较少，集成式部署会更加方便；如果访问量较大，需要更高的可扩展性和灵活性，分离式部署则更合适。同时，在实际开发中也需要考虑安全性、性能优化、测试等因素，以便最终实现一个高质量、高可用性的 RESTful API。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a0130548841e9894c6ff26