AWS 的开发者在创建基于 JavaScript 的应用程序时通常都要用到 AWS SDK。而 @aws-sdk/fetch-http-handler 就是 AWS SDK 中与 JavaScript 应用程序和浏览器交互的扩展之一。本文将会介绍该 npm 包的使用教程，以便前端工程师更好地使用它来完成自己的开发任务。
什么是 @aws-sdk/fetch-http-handler?
@aws-sdk/fetch-http-handler 是 AWS SDK 的一部分，用于在浏览器中使用 JavaScript 来与 AWS 服务进行交互。该 npm 包可以让开发者在浏览器中使用 fetch 等 API 来对 AWS 进行请求，从而简化了应用程序的开发流程。
使用 fetch-http-handler 之前，开发者需要手动实现一个 HTTP 请求处理程序来完成与 AWS 服务的交互。使用 fetch-http-handler 后，开发者不再需要编写这段代码，而可以直接使用 fetch 请求，从而大大降低了开发的难度和时间成本。
如何安装
安装 @aws-sdk/fetch-http-handler 可以使用 npm 命令进行安装：
npm install @aws-sdk/fetch-http-handler
如何使用
为了使用 fetch-http-handler，我们需要先声明 AWS 请求配置（AWS request configuration）。这个配置就是我们在调用 AWS 服务时所使用的配置信息。
-- -------------------- ---- -------
----- --- - -------------------
----- ---------------- - ---------------------------------------
-- -- --- ----
----- ---------- - --- -----------------------------
----------- -------------
--------- ----------------------
------------ -
------------ ---------------------
---------------- -------------------------
------------- ---------------------
--
------- ------------
---
----- ------------ - -
------- -------
----- -----------
-------- -
--------------- -------------------
--
--
----- --------- - --------------------------在上面的代码中，我们首先声明了一个 AWS 请求配置，并将它传递给了 ApiGatewayManagementApi 对象。然后我们定义了一个 fetch 请求选项，并将其传递给 fetchHttpHandler.create() 方法。这样就可以使用 fetchHttp 对象来完成与 AWS 服务的交互。
接下来，我们需要将请求发送到 AWS 服务：
-- -------------------- ---- -------
----- --------- - ----------------------------------
----- -------- - -----------------------------
----- ------ - -
------------- ----------
----- ---------------- -------- ------ -------------------- ---
--
----------------------------------- -------- ----- -
-- ----- -
-----------------
-
---在上面的代码中，我们首先获取了连接 ID，并将其作为终端地址(endpoint)的一部分。然后，我们通过 ApiGatewayManagementApi 对象发送了一个 post 请求，请求参数包含了连接 ID 和需要传送的数据。最后，我们在回调函数中处理错误信息。
通过上述代码的解释，相信大家已经初步了解了如何使用 @aws-sdk/fetch-http-handler，接下来，我们再来看一些示例代码，加深大家的理解。
示例代码
示例1：创建并更新 DynamoDB 表
-- -------------------- ---- -------
----- --- - -------------------
----- ---------------- - ---------------------------------------
----- -------- - --- -------------- ------- ----------- ---
----- --------- - --------------------------
----- ----------------- - -
---------- ----------
---------- -
-
-------------- -----
-------- -------
--
--
--------------------- -
-
-------------- -----
-------------- ----
--
--
---------------------- -
------------------ --
------------------- --
--
--
----- ----------------- - -
---------- ----------
---------------------- -
------------------ ---
------------------- ---
--
--
----- -------- ------------- -
----- -------- - ----- ----------
------------------------------------
-----------------
--
----------------------
-
----- -------- ------------- -
----- -------- - ----- ----------
------------------------------------
-----------------
--
----------------------
-
--------------
--------------示例2：使用 S3 Bucket 进行对象上传
-- -------------------- ---- -------
----- --- - -------------------
----- ---------------- - ---------------------------------------
----- -- - --- -------- ------- ----------- ---
----- --------- - --------------------------
----- ---------- - -----------------
----- --------- - --------------
----- -------- --------------- -
----- -------- - ----- ----------
----------------------
-
------- -----------
---- ----------
----- -----
-
--
----------------------
-
---------------- ---------总结
本文对 @aws-sdk/fetch-http-handler 进行了详细的介绍和使用示例，相信大家已经有了更深入的了解和掌握，使用起来也可以更加得心应手。在项目中使用 fetch-http-handler，可以使得前端工程师更容易地通过 JavaScript 开发出出色的 AWS 应用程序，提高开发效率，缩短开发周期。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f6f23e8a9b7065299ccba45