开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为React Apollo订阅客户端配置onSubscriptionData

React Apollo是一个用于构建GraphQL客户端的JavaScript库。它提供了一种简单且强大的方式来管理GraphQL数据，并与React无缝集成。

在React Apollo中，可以使用onSubscriptionData配置来处理订阅数据的更新。onSubscriptionData是一个回调函数，当订阅的数据有更新时会被调用。它接收一个参数，该参数包含了最新的订阅数据。

使用onSubscriptionData配置可以实现以下功能：

数据更新处理：当订阅的数据有更新时，可以在onSubscriptionData回调函数中处理数据更新的逻辑，例如更新组件的状态或执行其他操作。
数据缓存管理：React Apollo会自动将订阅的数据缓存在Apollo缓存中，当使用onSubscriptionData配置时，可以通过访问缓存来获取最新的订阅数据，以便进行处理。
错误处理：onSubscriptionData回调函数还可以处理订阅过程中可能出现的错误，例如网络错误或服务器返回的错误信息。

React Apollo提供了一些相关的API和工具来帮助配置onSubscriptionData，例如useSubscription钩子函数和ApolloConsumer组件。可以根据具体的需求选择适合的方式来配置onSubscriptionData。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种规模的应用程序。产品介绍链接
腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务，适用于各种规模的应用程序。产品介绍链接
腾讯云云原生容器服务TKE：提供高度可扩展的容器化应用程序管理平台，支持Kubernetes。产品介绍链接
腾讯云人工智能平台AI Lab：提供丰富的人工智能开发工具和服务，包括图像识别、语音识别、自然语言处理等。产品介绍链接
腾讯云物联网平台IoT Hub：提供可靠、安全的物联网设备连接和管理服务，支持海量设备接入和数据处理。产品介绍链接
腾讯云移动应用开发平台MTP：提供全面的移动应用开发工具和服务，包括移动应用测试、推送通知、移动统计等。产品介绍链接

相关搜索:@apollo/客户端react钩子useQuery()数据未定义 Apollo:在订阅更新上更新React道具？Apollo:客户端订阅代码？Apollo客户端devtool无法在react本机应用程序中检测Apollo客户端 Apollo客户端useQuery GET请求的react钩子 Apollo订阅: Apollo Graphql在Playground上接收更新，但不在客户端上接收更新 React with Apollo GraphQL订阅返回值为React和Apollo编写测试为嵌套架构添加突变graphql/apollo/react 使用Apollo客户端向REST端点发送请求(React)

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

CAT客户端如何从Apollo中读取配置？

目前我们想把CAT客户端配置放在Apollo里，也就是在CAT客户端初始化之前从Apollo读取相应配置，这就形成了循环依赖，所以首先要去除Apollo对CAT客户端的依赖。...com.ctrip.framework.apollo.tracer.internals.NullMessageProducerManager 引入CAT客户端引入CAT客户端时，我遇到的一个大坑，所以告诫大家...初始化CAT客户端，我们要做的就是在spring boot初始化时，读取Apollo配置，再初始化CAT客户端。...Apollo中读取配置，总共分3步：去除Apollo对CAT的依赖：MessageProducerManager接口使用NullMessageProducerManager类实现。...引入CAT客户端：源码的lib/java目录下自己打包，或者添加Maven依赖。初始化CAT客户端：读取Apollo配置，调用Cat.initializeByDomain方法初始化。

3.6K3 0

一图理解Apollo配置中心，配置变更如何及时通知客户端的

---- Apollo 2.2.0-SNAPSHOT 配置变更及时通知客户端流程： 1、Apollo客户端启动时，会启动异步线程，循环发起一个Http Long Polling请求到Config...如果在60秒内没有该客户端关心的配置发布，那么会返回Http状态码304给客户端。...Multimaps.synchronizedSetMultimap(TreeMultimap.create(String.CASE_INSENSITIVE_ORDER, Ordering.natural())); 其中key为客户端请求相关信息拼接的...Service配置发布时，会把更新通知消息入库。...客户端从返回的结果中获取到配置变化的namespace后，会立即请求Config Service获取该namespace的最新配置。

7493 0

Apollo（阿波罗）配置中心Java客户端使用指南使用指南

更多使用案例Demo可以参考Apollo使用场景和示例代码。四、客户端设计 ? 上图简要描述了Apollo客户端的实现原理： 客户端和服务端保持了一个长连接，从而能第一时间获得配置更新的推送。...（通过Http Long Polling实现） 客户端还会定时从Apollo配置中心服务端拉取应用的最新配置。...分钟拉取一次，客户端也可以通过在运行时指定System Property: apollo.refreshInterval来覆盖，单位为分钟。...客户端从Apollo配置中心服务端获取到应用的最新配置后，会保存在内存中 客户端会把从服务端获取到的配置在本地文件系统缓存一份在遇到服务不可用，或网络不通的时候，依然能从本地恢复配置应用程序可以从...Apollo客户端获取最新的配置、订阅配置更新通知五、本地开发模式 Apollo客户端还支持本地开发模式，这个主要用于当开发环境无法连接Apollo服务器的时候，比如在邮轮、飞机上做相关功能开发。

10.9K2 0

构建带 Subscriptions 的 graphql golang 后端

现在有许多用于编写JavaScript的GraphQL客户端和服务器的库和框架，其中最着名的是Apollo和Graphcool 。...它有一个简单的目的：实现GraphQL在WebSocket（由所有流行的GraphQL客户端使用），所以不必考虑与net/http无缝集成与net/http无缝集成提供访问已建立订阅的简单方法，执行身份验证并向相应的客户端发送更新...创建一个GraphQL模式，创建一个订阅管理器，为WebSocket上的通信创建一个HTTP处理程序，然后使用net/http服务处理程序。...或者，您可以定义一个函数来对用户进行身份验证（在建立新连接时，Apollo客户端会将初始WebSocket消息与可选的authToken一起发送;该函数允许将令牌字符串解析为用户）。...它没有实现任何开箱即用的订阅。一个典型的服务器实现将监听数据库的变化，并通过识别哪些订阅需要更新，重新执行这些订阅的查询并将结果发送给相应的订阅客户端来对这些更改做出反应。

2.7K3 0

用TS+GraphQL查询SpaceX火箭发射数据

本文将引导你使用 React 和 Apollo 构建客户端应用程序，并调用 SpaceX 的公共 GraphQL API ，来显示有关的发射信息。...入门我们将使用带有 TypeScript 配置的 create-react-app 来创建程序。...apollo-boost 包含了查询 API 和在内存中缓存数据所需的工具， react-apollo 为React提供绑定， react-apollo-hooks 在 React Hook 中包装了...将生成的目标文件夹更新为 src/generated/graphql.tsx （react-apollo 插件需要 .tsx）。不要生成 introspection file。...初始化Apollo客户端 在 src/index.tsx 中，我们需要初始化 Apollo 客户端并用 ApolloProvider 组件将 client 添加到 React 的上下文中。

3K2 0

客户端与服务器端数据一致性探讨

本文从Apollo框架的客户端实现原理展开讨论。 ?...上图简要描述了 Apollo 客户端的实现原理： 1.客户端和服务端保持了一个长连接，从而能第一时间获得配置更新的推送 2.客户端会定时从 Apollo 配置中心服务端拉取应用的最新配置（防止推送机制失效导致配置不更新...） 3.客户端从 Apollo 配置中心服务端获取到应用的最新配置后，会保存在内存中 客户端会把从服务端获取到的配置在本地文件系统缓存一份，在遇到服务不可用，或网络不通的时候，依然能从本地恢复配置...4.应用程序从 Apollo 客户端获取最新的配置、订阅配置更新通知。...本文中把这种需求定义为推送服务需求，从实现的便利性来说，都是采用第三方推送服务，实际上是推服务，然后把推送成功率全部压在这个服务的成功率上。

1.8K1 0

【MQTT】在Windows下搭建MQTT服务器

MQTT简介 MQ 遥测传输 (MQTT) 是轻量级基于代理的发布/订阅的消息传输协议，设计思想是开放、简单、轻量、易于实现。这些特点使它适用于受限环境。...该协议的特点有：使用发布/订阅消息模式，提供一对多的消息发布，解除应用程序耦合。对负载内容屏蔽的消息传输。使用 TCP/IP 提供网络连接。...\etc\apollo.xml文件下是配置服务器信息的文件，......2017年8月15日更新：注意：后台Web管理页面被设置为只能本地访问，如果想用其他主机访问该管理页面，需要修改「http://127.0.0.1:61680/」为「http://0.0.0.0:61680...相关配置文件：apache-apollo-1.7.1\bin\mybroker\etc\apollo.xml，大约61行： <web_admin bind="http://127.0.0.1:61680

8K1 0

在 redux 应用中使用 GraphQL

快速的启动一个服务端环境启动一个 redux 脚手架增加一个 GraphQL 客户端 (Apollo Client) 使用 GraphQL 获取数据获取更多的数据接下来要做的 1....增加一个 GraphQL 客户端（Apollo 客户端）安装 apollo-client, react-apollo, 和 graphql-tag。...中的 Provider 替换为来自 react-apollo 的 ApolloProvider。...react-apollo' // NOTE: different connect!...深入研究 GitHunt 的源码也是一种很好的学习方式，这是一个全栈的 Apollo 客户端及服务端 app 样例。

1.9K1 0

如何在 React.js 项目中使用 GraphQL

当与 React.js 结合使用时，这个强大的 JavaScript 库为创建动态、响应式的 Web 应用程序打开了无限的可能性。...与传统的 REST API 不同，传统的 REST API 由服务器确定响应结构，而 GraphQL 则使客户端能够定义其所需数据的形状和结构。...：npm install graphql @apollo/client@apollo/client 软件包是 Apollo Client，这是一个强大的库，用于在 React 应用程序中管理状态并进行...} from '@apollo/client';import client from '.... );}export default App;使用 ApolloProvider 组件包装您的应用程序，并将客户端实例作为属性传递

3014 0

华为技术专家谈微服务分布式架构的服务配置管理

action=getSign来完成配置变更订阅接口，客户端本地会保存一个配置对象的分组Group的sign值，同时每隔一段时间去配置中心拉取该Group的sign值，与本地保存的sign值做对比。...一旦配置中心中的sign值与本地的sign值不同，客户端就会从配置中心拉取最新的配置信息。...为此，服务消费者可以通过订阅依赖服务是否降级的配置，当依赖服务出现故障的时候，通过向配置中心下达指令，修改服务的配置为降级状态，这样服务消费者就可以订阅到配置的变更，从而降级对该服务的调用。...Apollo 携程开源的分布式配置中心，支持Java和.Net语言，客户端和配置中心通过HTTP长连接实现实时推送，并且有统一的管理界面来实现配置管理。...Apollo功能强大，在国内许多互联网公司内部都有大量应用，其中Apollo对Spring Boot的支持比较好，如果应用本身采用的是Spring Boot开发的话，集成Apollo更容易。

3002 0

华为技术专家谈微服务分布式架构的服务配置管理

action=getSign来完成配置变更订阅接口，客户端本地会保存一个配置对象的分组Group的sign值，同时每隔一段时间去配置中心拉取该Group的sign值，与本地保存的sign值做对比。...一旦配置中心中的sign值与本地的sign值不同，客户端就会从配置中心拉取最新的配置信息。...为此，服务消费者可以通过订阅依赖服务是否降级的配置，当依赖服务出现故障的时候，通过向配置中心下达指令，修改服务的配置为降级状态，这样服务消费者就可以订阅到配置的变更，从而降级对该服务的调用。...Apollo 携程开源的分布式配置中心，支持Java和.Net语言，客户端和配置中心通过HTTP长连接实现实时推送，并且有统一的管理界面来实现配置管理。...Apollo功能强大，在国内许多互联网公司内部都有大量应用，其中Apollo对Spring Boot的支持比较好，如果应用本身采用的是Spring Boot开发的话，集成Apollo更容易。

6571 0

2023 React 生态系统，以及我的一些吐槽……

使用 Next.js，你可以使用 React 组件构建用户界面。然后，Next.js 为你的应用程序提供额外的结构、功能和优化。在背后，Next.js 还为您抽象和自动配置工具，例如打包、编译等。...我们将详细介绍 React Router 的三个主要功能：订阅和操作历史记录堆栈将 URL 与你的路由匹配根据路由匹配呈现嵌套的 UI 想深入了解的话，请看这里：React Router 基本概念...React Query 毫无疑问是管理服务器状态的最佳库之一。它可以直接使用，零配置，并且可以根据你的需求进行定制，随着应用程序的发展。...它们通常还需要对该数据进行更新、将更新发送到服务器，并使客户端上的缓存数据与服务器上的数据保持同步。...核心的 @apollo/client 库提供了与 React 的内置集成，而更大的 Apollo 社区则维护了与其他流行的视图层的集成。应该是用 GraphQL 时的状态管理最佳选择。

5213 0

【译】Graphql, gRPC和端对端类型检验

gRPC, and End-to-End Type Coverage 作者：Kaitlyn Barnard 注：本文采用意译背景介绍 StackPath最近发布了新的门户网站，它让用户可以一站式地配置我们所提供的服务...最终我们选择了Apollo GraphQL+gRPC+React+TypeScript这样一套技术栈，并对使用它们的结果感到满意。...使用apollo-client和react-apollo简化了前端代码对缓存和数据的管理。灵活的查询方式方便我们在未来构建移动端以及内部应用。...在此基础上，我们进一步使用apollo-typed-components来给每项操作生成react-apollo组件，也就是ApolloComps.tsx文件中的GetTodosQuery组件、CreateTodoMutation...*/ import * as React from "react"; import { Mutation } from "react-apollo"; import { CreateTodo } from

3.1K2 0

Apollo在基础架构中的实践经验

配置中心通知Apollo客户端有配置更新 Apollo客户端从配置中心拉取最新的配置、更新本地配置并通知到应用 ?...3.2 客户端 ? 客户端和服务端保持了一个长连接，从而能第一时间获得配置更新的推送。 客户端还会定时从 Apollo 配置中心服务端拉取应用的最新配置。...分钟拉取一次，客户端也可以通过在运行时指定 System Property: apollo.refreshInterval 来覆盖，单位为分钟。...客户端从Apollo配置中心服务端获取到应用的最新配置后，会保存在内存中 客户端会把从服务端获取到的配置在本地文件系统缓存一份在遇到服务不可用，或网络不通的时候，依然能从本地恢复配置应用程序从Apollo...客户端获取最新的配置、订阅配置更新通知长连接实现上是使用的异步+轮询实现 4 Apollo 高可用部署在 Apollo 架构说明中我们提到过 client 和 portal 都是在客户端负载均衡，根据

1.6K1 0

搭建云原生配置中心的技术选型和落地实践

配置中心选型为了解决上述痛点，我们开始为 Freewheel 核心业务系统设计并搭建配置中心。在选型阶段，我们参考了当时较为成熟的几个配置中心产品，如 Apollo、Nacos、Consul 等。...核心业务系统当时正往 AWS 云服务上迁徙，我们为配置中心开发了客户端，并在 AWS 开发环境部署了 Apollo 的相关服务。...配置中心用户界面架构：配置中心用户界面包含了前端和后端模块，前端模块由 React 实现，包括以下页面：主页：展示所有微服务应用程序列表。...为避免额外收费，客户端一定要在本地存储之前查询的服务端最新的配置版本，在调用 API 时使用。...所以我们为客户端 EC2 的默认 IAM 配置了 AppConfig 读权限，为用户界面 EC2 申请了特殊 IAM 角色并为它配置了 AppConfig 读写权限。

1.3K2 0

微服务配置中心全面对比，哪个更牛逼！？

，是引入某个开源项目必须要做的事，如果有一份参考，那么势必能提供一些帮助；（建议：即便有一份可参考的材料，技术选型的工作仍需要亲力亲为，实际的业务场景和资源配置才是技术选型最重要的依据）；微服务配置中心是一个微服务组件...Spring Cloud Config使用Spring Cloud Bus推送配置变更，Spring Cloud Bus兼容 RabbitMQ、Kafka等，支持查询订阅Topic和Consumer的订阅关系...Apollo也支持多环境，在控制台创建配置的时候就要指定配置所在的环境，客户端在启动的时候指定JVM参数ENV来访问对应环境的配置文件。...Nacos和Apollo配置推送都是基于HTTP长轮询，客户端和配置中心建立HTTP长联接，当配置变更的的时候，配置中心把配置推送到客户端。...Spring Cloud Config三个节点时候，Git也是一个节点，写QPS为5。

2.4K2 0

架构设计之微服务配置中心选型

，是引入某个开源项目必须要做的事，如果有一份参考，那么势必能提供一些帮助；（建议：即便有一份可参考的材料，技术选型的工作仍需要亲力亲为，实际的业务场景和资源配置才是技术选型最重要的依据）；微服务配置中心是一个微服务组件...Spring Cloud Config使用Spring Cloud Bus推送配置变更，Spring Cloud Bus兼容 RabbitMQ、Kafka等，支持查询订阅Topic和Consumer的订阅关系...Apollo也支持多环境，在控制台创建配置的时候就要指定配置所在的环境，客户端在启动的时候指定JVM参数ENV来访问对应环境的配置文件。...Nacos和Apollo配置推送都是基于HTTP长轮询，客户端和配置中心建立HTTP长联接，当配置变更的的时候，配置中心把配置推送到客户端。 ?...Spring Cloud Config三个节点时候，Git也是一个节点，写QPS为5。

3.3K5 0

Nacos、Apollo、SpringCloud Config微服务配置中心对比

，是引入某个开源项目必须要做的事，如果有一份参考，那么势必能提供一些帮助；（建议：即便有一份可参考的材料，技术选型的工作仍需要亲力亲为，实际的业务场景和资源配置才是技术选型最重要的依据）；微服务配置中心是一个微服务组件...Spring Cloud Config使用Spring Cloud Bus推送配置变更，Spring Cloud Bus兼容 RabbitMQ、Kafka等，支持查询订阅Topic和Consumer的订阅关系...Apollo也支持多环境，在控制台创建配置的时候就要指定配置所在的环境，客户端在启动的时候指定JVM参数ENV来访问对应环境的配置文件。...Nacos和Apollo配置推送都是基于HTTP长轮询，客户端和配置中心建立HTTP长联接，当配置变更的的时候，配置中心把配置推送到客户端。...Spring Cloud Config三个节点时候，Git也是一个节点，写QPS为5。

2.3K5 1

主流微服务配置中心对比

Spring Cloud Config使用Spring Cloud Bus推送配置变更，Spring Cloud Bus兼容 RabbitMQ、Kafka等，支持查询订阅Topic和Consumer的订阅关系...Apollo也支持多环境，在控制台创建配置的时候就要指定配置所在的环境，客户端在启动的时候指定JVM参数ENV来访问对应环境的配置文件。...配置实时推送的对比当配置变更的时候，配置中心需要将配置实时推送到应用客户端。...Nacos和Apollo配置推送都是基于HTTP长轮询，客户端和配置中心建立HTTP长联接，当配置变更的的时候，配置中心把配置推送到客户端。 ?...Spring Cloud Config三个节点时候，Git也是一个节点，写QPS为5。

4.1K3 0

Apollo在基础架构中的实践经验

配置中心通知Apollo客户端有配置更新 Apollo客户端从配置中心拉取最新的配置、更新本地配置并通知到应用 ?...3.2 客户端 ? 客户端和服务端保持了一个长连接，从而能第一时间获得配置更新的推送。 客户端还会定时从 Apollo 配置中心服务端拉取应用的最新配置。...分钟拉取一次，客户端也可以通过在运行时指定 System Property: apollo.refreshInterval 来覆盖，单位为分钟。...客户端从Apollo配置中心服务端获取到应用的最新配置后，会保存在内存中 客户端会把从服务端获取到的配置在本地文件系统缓存一份在遇到服务不可用，或网络不通的时候，依然能从本地恢复配置应用程序从Apollo...客户端获取最新的配置、订阅配置更新通知长连接实现上是使用的异步+轮询实现 4 Apollo 高可用部署在 Apollo 架构说明中我们提到过 client 和 portal 都是在客户端负载均衡，根据

1.3K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭