前言
近年来，GraphQL 已经成为了前端开发的一项热门技术，它的优点主要集中在 API 定义和使用上。而 @accounts/graphql-api 正是一个基于 GraphQL 的身份验证包。它提供了一种简单的方法来保护你的应用程序，并允许你轻松地管理用户身份验证状态。
本文将介绍如何使用 npm 包 @accounts/graphql-api 来实现身份验证，并提供一些示例代码和指导意义，希望可以帮助你更好地理解和使用这个包。
安装 @accounts/graphql-api
在开始使用 @accounts/graphql-api 之前，我们需要先安装它。可以使用如下命令：
npm i --save @accounts/graphql-api
创建一个 GraphQL Schema
在开始编写代码之前，首先需要创建一个 GraphQL Schema。这个 Schema 将处理所有与身份验证相关的操作，比如用户注册，登录和退出等。
下面是一个简单的示例 Schema：
-- -------------------- ---- ------- ---- ----- - --- ---- - ---- -------- - ------------------- -------- --------- --------- ------------------ ---------------- -------- --------- --------- --------------- ----------- ------- - ---- ---- - ---- ------- ------ ------- - ---- ------------------ - ---------- ------ - ---- --------------- - ---------- ------ -
在这个 Schema 中，我们定义了三个操作：
- me：用来查询当前登录的用户
- registerUser：用来注册一个新用户
- loginUser：用来登录一个已有的用户
- logoutUser：用来退出当前登录的用户
配置 @accounts/graphql-api
完成创建一个 GraphQL Schema 之后，我们需要配置 @accounts/graphql-api，以便它知道如何与我们的数据库通信。接下来，我们将使用 MongoDB 来存储用户数据，因此需要安装几个 npm 包：
npm i --save mongoose npm i --save @accounts/mongo
安装完成后，在我们的代码中导入它们，并且在初始化时将配置传递给 @accounts/graphql-api：
-- -------------------- ---- -------
------ - ------------ - ---- ----------------
------ -------- ---- -----------
------ -------------- ---- -------------------
------ ---------------- ---- ------------------
------ - --------------- - ---- ------------------------
------ -------- ---- -----------
----- ------------------ - ------------------------------------
-------------------------------------
----- -------------- - --- ----------------
--- --- --------------------------------------
---
----- ------ - --- --------------
---------
-------- ----- -- --- -- -- --
----- ----- --------------------------------------------------------
---------------- --------------------------------
---
---
----------------------- --- -- -- -
--------------- ------ ----- -- ---------
---在这个示例代码中，我们使用了 @accounts/mongo 作为数据存储的接口，并将连接字符串传递给了 mongoose 来初始化数据库连接。我们还创建了一个 AccountsServer 实例，并将它传递给了 ApolloServer（它的初始化也在代码中展示了出来）。最后，我们还将 AccountsGraphQL 导入它，并将它放在了 context 中，以便可以在我们的解析器中使用它。
解析器
现在我们已经设置好了服务器并配置了 @accounts/graphql-api，我们可以编写解析器，它将处理身份验证的所有操作。以下是我们的示例代码：
-- -------------------- ---- -------
----- --------- - -
------ -
--- ----- --- ----- - ----- --------------- -- -- -
------ ---- - ------------------------------------- - -----
--
--
--------- -
------------- ----- --- - ------ -------- -- - --------------- -- -- -
----- - --------- - - ----- ----------------------------
------
---------
---
------ - --------- --
--
---------- ----- --- - ------ -------- -- - --------------- -- -- -
----- - --------- - - ----- -----------------------------------
----- - ----- --
---------
---
------ - --------- --
--
----------- ----- --- ----- - ----- --------------- -- -- -
------ ---- - -------------------------------- - -----
--
--
--在这个示例代码中，我们编写了处理身份验证操作的所有解析器。在这些解析器中，我们使用了传递给我们的 accountsGraphQL 对象来连接到 AccountsServer，并调用相关的方法来处理各种操作。
测试
现在我们已经完成了示例代码的编写，可以进行测试了。如果我们使用可以发出 GraphQL 请求的客户端（例如 GraphiQL），我们将能够使用上面示例代码中定义的操作和类型。以下是一些可能的请求：
注册新用户
mutation {
registerUser(email: "test@example.com", password: "testpassword") {
sessionId
}
}登录用户
mutation {
loginUser(email: "test@example.com", password: "testpassword") {
sessionId
}
}查询当前登录用户
query {
me {
email
}
}退出登录
mutation {
logoutUser
}结论
在这篇文章中，我们学习了如何使用 npm 包 @accounts/graphql-api，它是一个基于 GraphQL 的身份验证包。我们看到了如何创建一个 GraphQL Schema 和配置 @accounts/graphql-api 以实现身份验证。最后，我们学习了如何编写一个包含解析器的测试请求，以测试应用程序。我希望这篇文章对你有所帮助，并希望能够使你更好地理解和使用 @accounts/graphql-api 这个包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/108042