首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

怎样使用 apollo-link-state 管理本地数据

那么剩下的 20% 的本地数据(例如全局标志、设备 API 返回的结果等)应该怎样处理呢? 过去,Apollo 的用户通常会使用一个单独的 Redux/Mobx store 来管理这部分本地的数据。...解决问题的基础 我们知道这个问题需要解决,现在让我们思考一下,如何正确地在 Apollo Client 中管理状态?...GraphQL 最大的一个优势在于,当给 GraphQL 语句中的字段加上合适的 GraphQL 指令,单条 query 就可以从多个数据源中获取数据,无论本地还是远端。让我们来看看具体的方法。...Apollo Link 使得在 Apollo Client 中管理本地的数据成为可能,从一个 GraphQL 服务器中获取数据,可以使用 HttpLink,而从 Apollo缓存中请求数据,则需要使用一个新的...Resolvers 在使用 Apollo Client 管理应用状态Apollo cache 成为了应用的单一数据源,包括了本地和远端的数据。那么我们应当如何查询和更新缓存中的数据呢?

2.3K100
您找到你想要的搜索结果了吗?
是的
没有找到

GraphQL最突出的架构优势是什么?

Apollo 发布了带有 apollo-link-state 的 Apollo Client ,React 开发人员就能用更少的代码满足所有这三个需求了。...简化的数据获取架构,其中视图可以是任意前端框架——nerdwallet 数据图在连接的两端均有 Apollo 服务器和客户端,它可以简化获取逻辑、错误逻辑、重试逻辑、分页、缓存、optimistic UI...将用例作为应用程序的重心,从 REST 切换到 GraphQL(或同时支持两者)变得轻而易举。...API 客户端了解如何解决该请求的唯一方法是检查错误响应(指望错误消息描述了所需的信息,否则也没用)。...由于 GraphQL 语言是通行(ubiquitous)且标准化的,因此人类 和机器 会更容易理解如何集成和使用它。

2.1K20

面对极度复杂的前后端业务场景,使用 GraphQL 正确的姿势

阅读字数:6109 | 16分钟阅读 摘要 本次演讲主要介绍如何使用GraphQL,分别从前后端两个角度分析GraphQL的优劣势,对比Restful又能够给前后端协同开发带来哪些好处。...Apollo由于本身的运行方式和生命周期已经完全和路由割离开,所以能够支持任何Route。 Relay的数据缓存由官方提供的RelayStore完成,Apollo则是基于Redux。...在使用GraphQLApollo之后,前端方面只需要全局定义一个URL,接下来就是定义每个Query需要取得的数据,根据页面定制接口数据。同时还可以做全局的异常处理,接口请求的合并。...这个资源字段一般是和后端商议决定,不过Apollo官方的推荐通过传入token来实现整个鉴权方案。...现在转换到GraphQL,请求发起机制、数据刷新、文件上传等等都完全不同,相当于要从头开始学习新的东西。 在使用Apollo的过程中我们也遇到了一些坑。

7.3K20

GraphQL是API的未来,但它并非银弹

例如,如果你使用像 Next.JS 这样的框架,结合 swr hooks(stale while revalidate),你就可以直接使用 Etags 自动缓存缓存失效。...同样,使用像 Next.JS 这样的全栈框架更容易实现这一点,缓存也更容易,同时你还免费获得了基于 Etag 的缓存失效。 综上所述,GraphQL 准确提供了你所需的数据。...你将模式上传到模式注册中心,然后因为错误部署了 GraphQL 服务器的错误版本。如果你更改字段的类型,客户端可能就无所适从了。...8 错误处理更好 关于错误处理,作者描述了这样一个场景:与使用部分数据响应的单个 GraphQL 查询相比,客户端将不得不进行 3 次连续的 REST API 调用。...GraphQL错误处理真的更好吗?我认为,OAS 和 GraphQL 都提供了不错的工具,让你可以用非常友好的方式处理错误。充分利用这些工具是开发人员的事。天下没有免费的午餐。

2K10

你还在用 REST API 吗?

灵活性 是使用 REST 的另一个优势,因为可以将其设计成处理不同类型的调用并返回不同的数据格式。 REST 的劣势 抓取过度——这是指 API 端点提供的信息比客户端所需要的要多得多。...GraphQL 的劣势 对于简单的应用程序来说,设置类型、查询等可能有点 复杂,因为使用 REST 可以很容易地完成。 它使用的是 单个端点,而不是遵循 HTTP 规范进行缓存。...自动缓存 REST 能自动生效缓存,而 GraphQL 则没有自动缓存系统,但是可以借助 Apollo Client、Relay 等客户端实现缓存。...错误处理 REST 中的错误处理GraphQL 简单得多,GraphQL 通常会给我们一个 200 OK 的状态码,即使已经出现错误了。...但是,当使用 Apollo Client、Relay 等客户端时,它也能很容易处理错误。 结 论 与 REST 相比, GraphQL 当然更具优势,但它可能并不总是最佳实践。

1.5K10

​Go的错误处理如何优雅地处理错误

我们知道Go语言处理错误的方式与其他许多主流语言有所不同。Go强调明确处理错误,而不是使用像其他语言中的异常处理机制。...在本文中,我们将深入讨论Go中的错误处理,这将使您的代码更加健壮,可维护和易于理解。 1. error 类型 在Go中,错误通过内置的error类型表示。...处理错误 在Go中,错误被视为值,通常作为函数的最后一个返回值返回。如果函数执行成功,错误返回值将为nil,否则它将包含一个错误。...,os.Open将返回一个非nil的错误,我们可以检查这个错误并据此做出相应的处理。...通过正确处理错误,我们可以编写出健壮的应用程序,并且可以很好地处理意外情况。

17230

Go通关07:错误处理如何通过errorpanic处理错误

您诸位好啊,我是无尘,今天聊聊Go语言的错误处理错误 在Go语言中,错误并不是非常严重,它是可以预期的,可以返回错误给调用者自行处理。...error 接口 在Go语言中,错误是通过内置的error接口来表示的,它只有一个Error方法来返回错误信息: type error interface { Error() string } 这里演示一个错误的示例...:strconv.Atoi: parsing "a": invalid syntax 一般,error接口在当函数或方法调用时遇到错误时进行返回,且为第二个返回值,这样调用者就可以根据错误来自行处理。...error 断言 通过error断言来获取返回的错误信息,断言可以将error接口转为自己定义的错误类型: res, err := test(2,1) if e,ok := err....panic 是一种非常严重的错误,会使程序中断执行,所以 「如果不是影响程序运行的错误,使用 error 即可」 ❞ Recover 捕获 Panic 异常 一般我们不对panic异常做处理,但是如果有一些需要在程序崩溃前做处理的操作

56620

REST API和GraphQL API的比较

RESTful API 使用 HTTP 方法在处理数据时执行 CRUD(创建、读取、更新和删除)过程。 为了促进缓存、AB 测试、身份验证和其他过程,标头向客户端和服务器提供信息。...一些使用缓存层的客户端(Apollo Client,URQL)使用 GraphQL 的模式和类型系统,允许它们在客户端保留缓存。...错误处理 每个 GraphQL 请求、成功或错误都会返回 200 状态代码。与 REST API 相比,这是一个明显的区别,在 REST API 中,每个 状态代码都指向某种类型的响应。...处理错误的客户端应该知道所有可能的代码。...GraphQL 中的任何合法答案都应该是 200,包括数据和错误响应。客户端工具将有助于更有效地管理错误错误作为特定错误对象下的响应主体的一部分进行处理

38210

关于发版如何自动清理缓存

theme: channing-cyan 前言 提到发版如何自动清理缓存,大家都普遍都会想到配置nginx设置不缓存然后在配置打包生成hash值即可。...服务端 我们知道,由 vue-cli 生成的项目中带有 public 文件夹,该文件夹下的文件不会被 webpack 处理,于是我们在该目录下新建一个 config.json 来存放我们的版本号: 这个...json 文件中大致是这个样: { "version": "" } 有了这个文件我们在vue.config.js里配置一些东西,我们在每次打包都会生成一个版本号存到config.json中的...configJSON, version: VERSION, }, null, 2 ) ); 这样在每次发版时服务器上都会存有一个最新的版本号了,接下来我们看看客户端如何处理...newVersion ); window.location.reload(true); // do something ... } return isUpdated; } 你可以在对比不一致做你任何想做的事情

1.8K20

GraphQL 查询你的 Django 应用

服务端落地:GraphQL → Django 支持 Relay 引入 graphene-django-extras 鉴权 总结 ‍️ 全文以后端开发视角写作,部分涉及到前端开发的介绍可能存在错误或者不准确...相较于原生的 GraphQL ,客户端主要解决了几件事情: 客户端数据拉取缓存问题(包括缓存一致性、更新缓存等) 数据分页、声明式数据获取 ......主流的客户端框架主要有两种—— Relay 和 Apollo ,我们仅从有限的角度来看下二者的异同: Relay vs Apollo Relay Apollo 框架支持 仅支持 React, React...简而言之,Realy 更复杂,更能够应对大型应用,Apollo 更轻量,不过需要更多的手工劳动。...return User.objects.get(username=username) 需要注意的是,当我们使用 resolve_ 函数去处理查询时,GraphQL 和 REST 本质上只是查询 DSL

2K60
领券