在现代应用开发中，API 是一个不可或缺的部分。传统的 RESTful API 尽管已经成为了业界 common sense，但其需要开发者自己维护路由、逻辑复杂度高等问题挑战。为了解决这些问题，Facebook 推出了 GraphQL。GraphQL 是一个强类型、灵活、高效的 API 查询语言。同时，一些新兴的 GraphQL 工具使得我们可以更加高效地开发、部署 GraphQL API。在这篇文章中，我们会介绍如何使用 PostgreSQL 和 Hasura 构建一个现代的应用，以及如何使用 GraphQL 让前后端的交互更加高效。
为什么要选择 PostgreSQL 和 Hasura
PostgreSQL 是一个强大的关系型数据库，拥有着非常强大的功能和极高的可扩展性。Hasura 是一个构建在 PostgreSQL 之上的 GraphQL 引擎，它将数据库中的表结构转化为 GraphQL schema，并自动生成对应的 GraphQL API，使得我们可以直接使用 GraphQL 查询和操作数据库，非常的方便和高效。
使用 PostgreSQL 和 Hasura 的好处在于：
- 非常高效：使用 GraphQL 查询语言，可以极大减少网络传输和数据库查询的次数，使得数据的处理速度更快。
- 极大的灵活性：GraphQL 提供了非常灵活的查询和操作方式，可以满足不同需求的 API 情景。
- 降低开发难度和成本：使用 Hasura 可以快速生成 GraphQL API 服务器，并且可以直接集成在现有的 PostgresQL 数据库中，降低了开发的复杂度和时间成本。
- 安全、可靠：Hasura 通过使用 PostgresQL 的权限系统来保证数据访问的安全性和可靠性。
如何使用 PostgreSQL 和 Hasura
安装和配置 PostgreSQL
为了使用 PostgreSQL，我们首先需要安装并配置它，可以从官方网站下载安装文件并安装。安装完成后，我们需要创建一个数据库并在其中创建对应的表结构，可以使用 PostgreSQL 的命令行工具，也可以使用各种管理工具如 pgAdmin、DBeaver 等。
安装和配置 Hasura
安装和配置 Hasura 也相当简单，可以直接通过 Docker 运行 Hasura GraphQL Engine，也可以将其部署在云服务器上。运行 Hasura 镜像之前，需要设置相应的环境变量来链接数据库，具体可以参考文档。
定义 Schema
在 Hasura 中，我们需要手动定义 GraphQL schema，来指定哪些数据库表可以暴露出来，并通过 GraphQL API 进行查询和操作。定义 schema 的方式非常简单，只需要在 Hasura 的管理界面中选择需要暴露的表，并设置相关的查询和操作方式即可。
在 schema 定义之后，我们将拥有一个自动生成的 GraphQL API，同时也可以根据需要修改定义的 schema。这样就可以非常方便地进行数据库的操作，而无需手动编写复杂的 SQL 语句了。
编写应用
有了自动生成的 GraphQL API，我们就可以开始编写应用了。在前端应用中，可以使用各种现代的 JavaScript 框架和库，如 React、Vue、Angular 等等，来进行数据的查询和操作。
在后端应用中，可以使用各种 GraphQL 工具和库，如 Apollo Server、graphql-yoga 等来构建 GraphQL API 服务器。同时，在使用 Hasura 的情况下，我们还可以直接把自动生成的 GraphQL API 集成在后端中，不需要编写复杂的逻辑代码，只需要调用相应的 API 即可。
示例代码
下面是一个简单的示例代码，展示了如何在 React 应用中使用 GraphQL 操作 PostgresQL 数据库。这里我们使用的是 React Hooks 和 Apollo Client：
----- --------- - ----
----- -------- -
----- -
--
----
-----
-----
-
-
--
----- -------- - ----
-------- -------------- -------- ------- -------- ------- -------- -
------------------------ - ----- ------ ------ ------- ------ ------ -- -
--
----
-----
-----
-
-
--
-------- ----- -
----- ------- --------- - -------------
----- - -------- ------ ---- - - --------------------
----- --------- - --------------------- -
------------- - ----- - ----------------- ------- - -- -
--------------
------- -
------------------- - --- -
----- ----------- - ---------------------
----- --------
--------- ----
-------- ------- -- ----- -
--
-
--
---
------ ------------------ -------------
--
--
---
--
---
-------- ------------------- -
-----------------------
----- ---- - -------------
---------
---------- -
----- -------------------------
------ --------------------------
------ --------------------------
--
---
-------------
-
------------ -- -
-- ----- -- ----------- -
---------------------
-
-- --------- -------
-- --------- -
------ ------------------
-
-- ------- -
------ -------- -------
-
------ -
--
--------------
----
----------------- -- -
--- --------------
------ -------------
-------- ---------------
--------- ----------------
--------- ----------------
-----
---
-----
----- ------------------------
------- ---------
------ ----------------------------
------ ----------- --------- ----------- -------- --
--- --
------ ------------------------------
------ ------------ ---------- ------------ -------- --
--- --
------ ------------------------------
------ ----------- ---------- ------------ -------- --
--- --
------- ----------------- -------------
-------
---
--
-总结
在这篇文章中，我们介绍了使用 PostgreSQL 和 Hasura 构建现代应用的过程。使用 GraphQL API 不仅提高了开发效率和数据处理的能力，同时也保障了数据的安全性和可靠性。我们还提供了一个简单的示例代码来展示如何在 React 应用中使用 GraphQL 操作 PostgresQL 数据库。
总之，使用 PostgreSQL 和 Hasura 构建应用可以带来更好的开发体验、更高的效率、更好的数据安全性和可靠性，是一个现代化的选择。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/658fff10eb4cecbf2d588c48