在前端开发中，我们常常需要与 AWS AppSync 进行交互。而为了在正确的权限下与 AWS AppSync 进行交互，我们需要使用 AWS AppSync Authorization Link。aws-appsync-auth-link 就是一个提供了 AWS AppSync 授权链接的 npm 包。
本篇文章将详细介绍 npm 包 aws-appsync-auth-link 的使用方法，并提供一些示例代码，帮助读者更好的了解其使用方法。
安装
安装 aws-appsync-auth-link 包非常简单，只需要执行以下命令即可：
--- ------- --------------------- ------
使用方法
创建 Auth Link
首先需要在项目中引用 aws-appsync-auth-link。在项目中，我们可以像下面这样使用这个包：
------ - -------- - ---- -----------------------
成功引用之后，我们可以使用 AuthLink 来创建 AWS AppSync 授权链接。创建方法如下：
------ - -------- - ---- -----------------------
----- ---- - --- ---------
-- ----------- -------
-- -- ----------------- -------- - -------------- ------- ------------- - ---
-
-- ------
-------- -
------------ -----------
--
-- ----
------- ----------
-
-我们需要提供一个认证函数，在该函数中，我们可以进行认证，并且在 Promise 中返回一个包含 authorization 头信息的对象。这样，创建的 Auth Link 就会在和 AWS AppSync 进行交互的时候，自动添加这个 authorization 头信息。
其他的配置参数也非常简单，读者可以根据自己的需求进行调整。
使用 Auth Link
创建了 Auth Link 之后，我们就可以将其用于 AWS AppSync 的请求中了。我们可以这样做：
------ ------------ ---- --------------
------ - ---------- - ---- -------------
------ - -------- - ---- ------------------
----- ------ - --- --------------
----- -----------------
-----
--- ---------- ---- ----------------------- ---
---
--在上面的代码中，我们创建了一个 ApolloClient，在其中使用了 Auth Link。
完整示例
下面是一段完整的使用示例，展示了如何将 AuthLink 用到 AWS AppSync 的 GraphQL 请求中：
------ ------------ ---- --------------
------ - ---------- - ---- -------------
------ - -------- - ---- ------------------
------ - -------- - ---- -----------------------
----- ---- - --- ---------
----- --- --------- -------- - -------------- ------ - -- -- -
----- ----- - ----- ------------- -- -- --- -----
------ - -------- - -------------- ------- --------- - -
--
-
------- -------------- -- --- --
---- ------------------- -- ---------------------------------------------------------------------
-
-
----- ------ - --- --------------
----- -----------------
-----
--- ---------- ---- ----------------------- ---
---
--在上面的代码中，我们首先创建了 AuthLink，并将其用于 AWS AppSync 的 GraphQL 请求中。
结论
aws-appsync-auth-link 包提供了创建 AWS AppSync 授权链接的方法，可以方便的将其用于前端项目中。在使用中，我们需要先进行安装，然后创建 Auth Link，并将其用于 AWS AppSync 的 GraphQL 请求中。这样，我们就可以在正确的权限下与 AWS AppSync 进行交互了。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedaafcb5cbfe1ea0610610