如何使用Apollo Client 2.x从1.x转换带身份验证的Apollo订阅
Apollo Client是一个用于构建现代JavaScript应用程序的全功能GraphQL客户端。它提供了一种简单且强大的方式来管理应用程序的数据状态，并与GraphQL服务器进行交互。
在将Apollo Client 1.x迁移到2.x时，需要考虑到身份验证的情况。下面是一些步骤和注意事项：
- 更新依赖：首先，需要更新项目中的Apollo Client依赖项。将1.x版本的依赖项更新为2.x版本。可以通过npm或yarn来更新依赖。
- 创建Apollo Client实例：在2.x版本中，Apollo Client的创建方式有所变化。需要创建一个ApolloClient实例，并传入一个配置对象。配置对象中包含了GraphQL服务器的URI、身份验证信息等。
- 添加身份验证：在2.x版本中，可以使用Apollo Link来处理身份验证。可以使用Apollo Link的
setContext方法来添加身份验证信息到请求头中。例如，可以在请求头中添加一个Authorization字段，值为身份验证的token。 - 更新订阅：在2.x版本中，订阅的使用方式也有所变化。可以使用
ApolloConsumer组件来订阅数据。在组件中，可以使用client.subscribe方法来订阅数据，并在回调函数中处理数据更新。 - 错误处理：在2.x版本中，错误处理也有所变化。可以使用
ApolloConsumer组件来处理错误。在组件中，可以使用client.onError方法来处理错误，并在回调函数中进行相应的处理。
总结起来，将Apollo Client 1.x迁移到2.x版本时，需要更新依赖、创建Apollo Client实例、添加身份验证、更新订阅和错误处理。通过这些步骤，可以成功地将带身份验证的Apollo订阅迁移到Apollo Client 2.x版本。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送）：https://cloud.tencent.com/product/umeng
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
我正在尝试将Apollo Client Subscription 1.x转换为2.x，但仍然不起作用 现有代码。订阅-传输-ws: 0.8.3 apollo-客户端: 1.9.3 import { ApolloAuthProvider } from '..{ })
) 新代码： import { ApolloClient } from '
浏览 26提问于2019-02-05得票数 1
我希望从apollo-server中获得一些特性，并花了一些时间将我的代码重构到它(以前使用过express-graphql)。现在唯一的问题是我的web应用程序(使用apollo-client)之间的"CORS“问题，用于身份验证的请求。我还记得在1.x版本中也有过这个问题，并且花了很多时间来解决它，但是我以前的解决方案在2.
浏览 0提问于2018-09-26得票数 2
回答已采纳
2回答
我开始从C#背景中学习Javascript，并开始构建一个简单的Javascript作为我的第一个项目，但是我很难让示例代码正常工作，我不知道在哪里寻找解决方案。graphql', graphqlKoa({ schema: ironManSchema }));
我不知道是什么导致了这一点，这是示例代码中的一个尝试使用ES6有问题吗？是我安装的Node.JS版本引起的吗？(为了以防万一，将其升级到1
浏览 1提问于2018-05-15得票数 1
回答已采纳
我做了这个示例：以下是我的应用程序中使用的代码：
15:23-45 "export 'createNetworkInterface' was not fo
浏览 0提问于2017-10-27得票数 6
1回答
我试着从阿波罗客户端订阅到服务器，在服务器上我使用阿波罗服务器快车。
subscriptionOperationDefinition" &&
definition.operation ===
浏览 10提问于2022-05-27得票数 1
回答已采纳
我试着使用react.strict模式，但是警告仍然出现在console.log的chrome浏览器上，这对我来说太令人兴奋了
这样的消息：旧API将在所有16.x版本中得到支持，但是使用它的应用程序应该迁移到新版本
浏览 11提问于2020-07-07得票数 2
回答已采纳
2回答
我使用Reacti16.13，目前正在从apollo-client 2.x迁移到@apollo/client 3.1.1。我从我的packages.json中删除了许多依赖库，因为大多数依赖库现在都可以直接从@apollo/client导入。使用@apollo/client 3.x，我们直接从@<e
浏览 1提问于2020-07-29得票数 1
回答已采纳
我想用apollo做一些批量更新。我需要从node启动批处理脚本。例如node myscript.js
我想不出该怎么做。有没有一个简单的例子可以完成入门指南中描述的：，但不带react？(我的代码在使用react时工作得很好)
浏览 1提问于2020-10-19得票数 3
我使用的是Apollo graphql框架，似乎正在启动和运行订阅。但我无法从订阅中获取任何触发的事件，而且围绕Apollo客户端的文档很少涉及纯nodejs和vanilla javascript。该项目正在为node-red制作一些节点，它将使用供应商的graphql接口来获取不同的电力消耗和电价数据。为此，我还需要使用订阅。这是graphql
浏览 94提问于2019-06-01得票数 0
1回答
我试图在阿波罗上禁用缓存，因此我正在跟踪文档，但我无法成功，我总是得到警告ApolloBoost was initialized with unsupported options: defaultOptionsimport ApolloClient from 'apollo-boost'
watchQueryquery: {
fetchPolicy: 'net
浏览 0提问于2018-11-26得票数 6
我正在使用GraphQl API在react本机聊天应用程序中。当另一个用户在不刷新API的情况下向我发送消息时，我希望得到实时更新。我如何使用GraphQl API使用GraphQl订阅或在react本机中使用Websocket？import { ApolloClient } from '<em
浏览 3提问于2020-06-04得票数 2
回答已采纳
在Chrome DevTools的Network选项卡中，我只能找到GraphQL查询和突变请求：在侦听GraphQL订阅并接收响应时，此选项卡中不显示任何内容。有没有其他地方可以从Chrome DevTools上获取GraphQL订阅？
作为参考，我在apollo-angular中使用apollo-client。
浏览 13提问于2020-05-28得票数 1
回答已采纳
我正在尝试使用node.js服务器上的一个Apollo客户端通过以下代码与另一个GraphQL应用程序接口：import { createHttpLinkconst client = new ApolloClient({ uri: API_URL, }),，并且在node.js中，我需要polyfill或以其他方式提供fetch方法，但我很难弄
浏览 95提问于2018-06-05得票数 34
回答已采纳
2回答
我在React中使用了以下插件( @axa-fr/react-oidc-context )来启用AzureAd身份验证。现在，我需要在身份验证完成后访问ApolloClient中的access_token。我不确定如何在像ApolloClient这样的非react组件中获取access_token。这就是我正在做的事情。import { InMemoryCache } from "apollo-cache-inmemory"
浏览 37提问于2019-09-14得票数 1
回答已采纳
3回答
我是NextJS的新手。我有一个页面，需要显示从Hasura GraphQL后端提取的实时数据。当GraphQL不使用订阅时，我可以让它在NextJS中工作。, pageProps, apollo }) => (
<ApolloProvider client={apol
浏览 1提问于2020-05-12得票数 4
我在AppSync中使用AppSync身份验证，它可以很好地处理查询和突变。import { WebSocketLink } from '@apollo/client/link/ws'
浏览 16提问于2021-12-12得票数 0
我已经设置了Apache Apollo的一个实例，并且有一个连接并订阅了"chat.general“的JavaScript客户端。这在Apollo web控制台中显示为一个“主题”。现在，我正在尝试使用解决同样的问题，我可以连接，但我的消息似乎无法到达chat.general主题。我正在使用async-http-client (链接到上面)使用以下URI设置"WebSocket“
浏览 0提问于2013-05-24得票数 1
2回答
我使用作为graphql的后端。我将只处理那里的突变，但我希望通过带内省的模式拼接来重定向上的查询和订阅。通过apollo-server到hasura的查询工作正常，并返回了预期的数据。但是订阅不起作用，我得到这个错误：“期望迭代，但没有找到字段subscription_root.users的一个”。
但是阿波罗服务器对hasura
浏览 2提问于2019-02-17得票数 0
1回答
如何为阿波罗进口阿波罗客户3？
、、、、
正如的阿波罗客户端3声明的ApolloClient、InMemoryCache、HttpLink现在都在一个@apollo/client包中--不像以前在单个包中那样。然而，Vue-阿波罗 (apollo-client -> @apollo/client ?)的文档没有任何变化。如何应用新的更改。此外，阿波罗客户端3博士声明，对于Vue，您必须从@
浏览 6提问于2020-08-17得票数 2
回答已采纳
我正在尝试使用ActionCable和graphql-ruby gem实现GraphQL订阅。
我从这个中了解到，需要创建哪些客户端需要订阅的GraphQL通道。通常，在ActionCable中，我们将在subscribed操作中stream_from所需的通道。但是，链接中的示例指定了一个带参数的execute方法。这个方法什么时候执行？此外，还会声明See Apollo Client or Relay Moder
浏览 2提问于2018-12-24得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
