简介
@blossom-gql/core 是一款前端开发工具，旨在简化前端开发中的 GraphQL API 的管理和调用。该工具采用 TypeORM 来生成我们所需的 GraphQL 接口，同时也支持在已有 GraphQL 服务的基础上进行扩展开发。
安装
使用 npm 安装该工具：
npm install @blossom-gql/core
使用
下面来详细了解使用 @blossom-gql/core 的过程。
初始化数据库
如果需要使用数据库来实现 GraphQL 接口，需要先初始化数据库。这里我们以 TypeORM 的 CLI 工具为例。
首先，需要安装 TypeORM:
npm install typeorm -g
然后，在初始化项目目录下执行以下命令，TypeORM 会自动生成名为 ormconfig.js 的配置文件：
typeorm init
接下来，根据需要编辑该配置文件。比如，我们需要使用 PostgreSQL 数据库，那么可以将文件内容修改如下：
-- -------------------- ---- -------
-------------- - -
------- -----------
------- ------------
------- -----
----------- -----------
----------- -----------
----------- --------------
-------------- -----
---------- ------
----------- -
--------------------
--
--最后，执行以下命令即可初始化数据库：
typeorm migration:run
编写模型
使用 @blossom-gql/core 时，需要将数据库中的表映射为模型。我们可以在工程中创建 Model 目录，并在其中新建模型文件，比如 User.ts：
-- -------------------- ---- ------- ------ - ------- ------- ---------------------- - ---- ---------- --------- ------ ----- ---- - ------------------------- --- ------- --------- ----- ------- --------- ---- ------- --------- ------- ------- -
编写 Resolver
接下来，需要编写 Resolver 来实现业务逻辑。我们可以在工程中创建 Resolver 目录，并在其中新建 Resolver 文件，比如 UserResolver.ts:
-- -------------------- ---- -------
------ - ------ -------- - ---- --------------------
------ - ---- - ---- ----------------
---------------
------ ----- ------------ -
--------
------- -
------ ------------
-
-在上面的代码中，我们定义了一个 users 的查询操作，来获取数据库中的所有用户信息。
创建 GraphQL 接口
接下来，我们需要在应用中使用 @blossom-gql/core 开放 GraphQL 接口。我们可以创建 src/index.ts 文件：
-- -------------------- ---- -------
------ - ------ - ---- --------------------
------ - ----------- - ---- ---------------
------ - ------------ - ---- --------------------------
----- -------- ----------- -
----- ------ - ----- -------------
---------- ---------------
---
----- ------ - --- --------
----- -----
-------
---
----- ---------------
-
------------在上面的代码中，我们首先使用 type-graphql 库的 buildSchema 函数来生成 GraphQL 的 schema 对象并注册 Resolver。然后，我们实例化一个 Server 对象，并传入 port 和 schema 参数。最后，调用 Server 的 start 方法即可启动服务。
查询数据
最后，我们可以在浏览器地址栏中访问 http://localhost:8080/graphql ，从而使用 GraphQL Playground 工具来查询数据。我们可以输入以下查询语句来查询数据库中的用户数据：
query {
users {
name,
age,
gender
}
}总结
通过本篇文章，我们学习了如何使用 @blossom-gql/core 工具来简化前端开发中的 GraphQL API 的管理和调用。我们详细介绍了这一工具的安装，初始化数据库，编写模型、Resolver 和创建 GraphQL 接口的过程。相信本篇文章对于正在学习 GraphQL 开发的读者来说有一定的指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb3d8b5cbfe1ea06111ce