我们利用 Apollo Studio 构建了一个通往服务器端的捷径,在那里我们看到了成功和失败的查询。现在,我们应该确保整个往返查询之旅从我们的客户端应用运行到服务器,再返回客户端应用?
让我们运行客户端。打开一个新终端并进入客户端文件夹。运行npm start
将在 localhost:3000
中打开您的浏览器。
瞧,我们的 Catstronauts 应用在主页上显示了所有音轨!干得好!我们的 查询之旅已完成。
我们已经走过了漫长一段路程。我们从 REST API 检索了实时数据。我们使用 RESTDataSource来处理使这些 API 调用更高效。我们创建了解析器以连接到数据源并且成功地返回正确的字段到我们的客户端。我们甚至看到,如果我们的查询出现意外并且没有按照正常的路径执行,会发生什么。最终,我们在我们的主页上获得了所有 Catstronauts 的记录。
您是否注意到我们已经将数据从模拟对象更改为实时数据,而无需修改客户端应用程序中的任何内容?客户端的一切都像在 Lift-off I 中一样保持正常运行,但是现在它填充了真实数据。
虽然事态可能会发生变化(新的数据源、新的客户端,等等),但是图形为开发人员带来了新的灵活性和弹性。架构仍旧是您的数据的唯一真实来源,您的客户端可以依赖它。
在下一篇教程中,Lift-off III,我们将使用查询 参数、编写更多解析器,并在我们的 Catstronauts 应用程序中添加一个新的轨道详细信息页面。在那里见!
分享您对此课程的问题和评论
您的反馈有助于我们改进!如果您遇到困难或困惑,请告诉我们,我们将帮助您解决。所有评论都是公开的,并且必须遵循 Apollo 行为准则。请注意,已解决或已处理的评论可能会被删除。
您需要一个 GitHub 帐户才能在下方发帖。还没有帐户? 转而去我们的 Odyssey 论坛中发帖。