带有GraphQL的多人游戏TIC TAC TOE

该教程展示了使用GraphQl构建多人游戏TIC-TAC-TOE游戏，展示了其前端开发的功能和效率。 GraphQL的强度在于它的能力使客户精确地指定其数据需求，从而产生优化，可预测的响应。

我们将将Hasura GraphQl引擎与自定义GraphQl Server用于后端，并与Apollo客户端进行前端反应（尽管任何框架都是适应性的）。这种方法结合了Hasura提供的数据库管理的易度性，并具有用于游戏逻辑的自定义服务器的灵活性。

GraphQl基本面：

GraphQl是一种API查询语言。关键功能包括：

• 客户端指定的查询：客户只要求他们需要的数据，避免过度提取。例如，要获取用户的ID和名称：

询问 {
  用户{
    ID
    姓名
  }
}

• 单端点，发布请求：简化API交互。
• 结构化响应：根据查询可以预测响应结构。对于上述查询，成功的响应看起来像：

 {
  “数据”： {
    “用户”：{
      “ id”：“ auth：482919”，
      “名称”：“乔恩·杜”（Jon Doe）
    }
  }
}

• 内省：客户可以查询服务器的支持查询。

为什么要为此游戏进行GraphQl？

GraphQl的精度最小化数据传输，从而导致更快，更有效的响应。内省可以通过覆盖和自动完成等功能来改善动态查询并改善开发人员体验（DX）。单个端点简化了API管理，并且对实时订阅的内置支持简化了多人游戏功能的创建。

关键GraphQL术语：

• 查询：获取数据。
• 突变：修改服务器上的数据。
• 订阅：将客户端订阅到实时数据更新。
• 查询变量：传递给查询的参数。

后端设置：

我们的后端利用Hasura GraphQL引擎（用于数据库交互）和自定义GraphQl Server（用于游戏逻辑）。我们将使用Postgres作为数据库。 Hasura在Postgres上提供了即时的实时GraphQl API，处理CRUD操作并提供Webhook触发器和远程模式支持。

设置后端的步骤包括：

1. 部署hasura：在Heroku上部署Hasura GraphQl引擎的免费实例。
2. 创建数据库表：通过Hasura控制台在Postgres中创建user ， board和move表。定义这些表之间的关系以实现有效的查询。
3. 自定义服务器：部署自定义GraphQl Server（在原始教程中提供）来处理游戏逻辑，例如移动验证和转向切换。该服务器需要Postgres连接字符串作为环境变量。
4. 集成远程架构：将自定义服务器的URL添加到Hasura作为远程架构，以统一API端点。

前端开发（查询和突变）：

虽然前端实现是框架 - 敏锐的，但这是基本的GraphQl查询和突变：

• insert_user突变：插入新用户。
• board订阅：订阅可用的游戏板。
• insert_board突变：创建一个新的游戏板。
• update_board突变：加入游戏板。
• board_by_pk订阅：订阅特定游戏板上的更新。
• make_move突变：在板上移动，对其进行验证并切换转弯。

使用Apollo客户端简化了前端GraphQl集成。

通过遵循以下步骤，您可以创建一个功能齐全的多人游戏TIC-TAC-TOE游戏，以利用GraphQl的功率和效率。

以上是带有GraphQL的多人游戏TIC TAC TOE的详细内容。更多信息请关注PHP中文网其他相关文章！