一个Apollo早期使用者的经验之谈
极客时间编辑部
讲述：初明明大小：3.32M时长：03:37
近日，CodePen 的技术人员卡西迪（Cassidy）发文分享了他在学习使用 Apollo 过程中总结的学习经验和心得体会，希望给开发者提供一些参考价值，以下为他的观点。
多年来，我一直在 CodePen 工作，最近我们决定切换 React 代码顶层的堆栈，以使用 Apollo 和 GraphQL。我个人很喜欢使用 Apollo，它能够以非常模块化的方式管理组件，这与使用 Redux 管理组件的方式不同。
但是，因为 Apollo 是一种相对较新的技术，所以当团队采用它并随着它的发展而学习时，肯定会有一些优点和缺点。当我第一次查找 Apollo 相关问题的答案时，基本没有多少回答，学习一些相对年轻的技术时，即使是简单的问题，也很难找到相关支持。因此，你只能自己去寻找问题的突破口，可以把这当成是一次难得的学习机会。这也意味着你可以投身到建立与塑造一个新技术的社区的过程中。
Apollo 是一个单一查询系统，可以帮助你在大规模项目中运行 GraphQL 。它为你建立了一个数据图表，让所有的微服务和客户端以完全相同的方式相互通信。为了更好地理解，让我们来看一个例子。
对于 CodePen 的前端，我们希望给定的组件中获得有关当前登录用户的数据。以前，如果我们想要这些信息，我们必须设置某种中间件来处理调用，或者在某处调用一些 Action，或者在 componentDidMount 中粘贴一个 API 进行调用，然后确保对我们需要的所有不同数据元素进行单独调用。至少，我们需要与后端团队交谈，以确保我们能够以想要的格式获取数据。使用 Apollo，我们可以在组件顶层填充一个小块，它将返回当前登录用户的 ID，以及他们是否是 CodePen Pro 用户。代码如下所示，你可以点击文档查看。
现在，假设我们需要更多的数据，例如还需要获取他们的头像和用户名。我可以只修改我的查询代码，而不是进行另一次查询，或联系后端团队以将这些信息添加到 API 端点。修改后的查询代码如下所示：
获取到我想要的数据就是这么简单，这就是拥有单一数据图的好处。如果数据被包含在图表中，那么你就可以直接查询它，并且前端有足够的权限根据你的需求获取和使用该数据。这种新技术的出现是非常新鲜和令人兴奋的，至少在我们遇到难以解决的问题前是这个样子。
我在使用 Apollo 的过程中遇到的很多问题之一就是它的报错功能尚未成熟。Apollo 系统返回的报错信息大都太过宽泛，所以如果你不熟悉整个 Apollo 的框架就很难对代码进行调试工作。
有一次我在 Stack Overflow 上寻找答案，试图弄清楚组件出了什么问题，令我震惊的是没有什么答案，甚至关于 Apollo 的话题都没有多少。
所以我不得不深入了解并熟悉那些让 Apollo 能够工作的代码。我的 Apollo 问题得到了一些评论，但实际上在一个月的时间里并没有得到多少有效答案，最终是我自己回答了这个问题。
我想对开发人员说：当开始使用全新的技术时，可以尝试提出问题，撰写博客文章，在社交媒体上分享，并对发现持开放态度，因为你永远不知道可以帮助谁，分享的越多，其他人就越容易找到你并回报你的付出。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
该免费文章来自《极客视点》，如需阅读全部文章，
请先领取课程
请先领取课程
免费领取
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
登录 后留言
全部留言(1)
- 最新
- 精选
完美世界不是携程的Apollo？
收起评论