Vue + Apollo + Graphql +订阅+缓存？
Vue + Apollo + GraphQL + 订阅 + 缓存 是一种常用的技术组合，用于构建现代化的前端应用程序。
- Vue：Vue是一种流行的JavaScript框架，用于构建用户界面。它具有简单易学的语法和灵活的组件化架构，使开发人员能够快速构建交互式的单页应用程序。
- Apollo：Apollo是一个强大的开源GraphQL客户端，用于在前端应用程序中管理数据。它提供了一组工具和库，使开发人员能够轻松地将GraphQL查询和变更集成到他们的应用程序中，并处理数据的获取、缓存、更新等方面的复杂性。
- GraphQL：GraphQL是一种用于API开发的查询语言和运行时。它允许客户端精确地指定需要的数据，并减少了过度获取或不足获取数据的问题。GraphQL还具有强大的类型系统和灵活的数据查询能力，使开发人员能够更高效地开发和维护API。
- 订阅：订阅是GraphQL的一个特性，允许客户端实时地接收来自服务器的数据更新。通过订阅，客户端可以订阅特定的数据源，并在数据发生变化时立即收到通知。这对于构建实时应用程序（如聊天应用程序或实时协作工具）非常有用。
- 缓存：缓存是一种用于存储和重用数据的技术。在前端应用程序中，缓存可以提高应用程序的性能和响应速度，减少对服务器的请求次数。Apollo提供了内置的缓存机制，可以自动管理数据的缓存和更新，使开发人员能够更轻松地处理数据的读取和写入。
这种技术组合在构建现代化的前端应用程序时非常有用。它允许开发人员使用Vue构建用户界面，使用Apollo管理数据获取和更新，使用GraphQL进行灵活的数据查询，使用订阅实现实时数据更新，并使用缓存提高应用程序的性能和响应速度。
腾讯云提供了一系列与Vue、Apollo、GraphQL相关的产品和服务，例如：
- 腾讯云云开发（https://cloud.tencent.com/product/tcb）：提供了一站式的云端开发平台，支持Vue、Apollo、GraphQL等技术栈的应用部署和管理。
- 腾讯云CDN（https://cloud.tencent.com/product/cdn）：提供了全球加速的内容分发网络服务，可以加速Vue、Apollo、GraphQL应用的访问速度。
- 腾讯云数据库（https://cloud.tencent.com/product/cdb）：提供了可扩展的数据库服务，可以存储和管理应用程序的数据。
- 腾讯云函数（https://cloud.tencent.com/product/scf）：提供了无服务器的函数计算服务，可以用于处理应用程序的后端逻辑。
- 腾讯云容器服务（https://cloud.tencent.com/product/tke）：提供了容器化的应用程序部署和管理服务，可以方便地部署Vue、Apollo、GraphQL应用。
以上是一些腾讯云的相关产品和服务，可以帮助开发人员构建和部署基于Vue、Apollo、GraphQL的应用程序。
相关·内容
1回答
Vue + Apollo + Graphql +订阅+缓存？
vue.js、graphql、apollo、vue-apollo
我刚刚开始在我的副业项目(网页游戏)上使用阿波罗，并且被我使用的一些订阅卡住了。 在某些视图中，订阅不会直接运行，但如果我刷新页面，它会按预期运行。// StartGame.vue
import store from "..正如我所写的，如果我刷新这个页面，订阅就开始起作用(玩家从其他浏览器加入游戏)。我猜如果我能让apollo部分工作，就不需要挂载和创建了，对吧？我认为这可能是一些缓存，因为阿波罗似乎使用它很多，而我对它还不
浏览 20提问于2020-03-27得票数 0
1回答
离开页面时，我得到:未处理的GraphQL订阅错误: GraphQL错误:未提供所需类型xxx的变量xx
vue.js、graphql、apollo
我正在用vue-apollo graphql开发。 }当我离开页面时，我会得到：
Unhandled GraphQL subscription error Error: GraphQL$apollo.queries.multisig.skip = true
浏览 20提问于2020-02-06得票数 1
1回答
在Vue 3.0应用程序中安装Vue-阿波罗时版本不匹配
vue.js、vue-apollo、vuejs3
我建立了一个新的Vue 3.0应用程序然后将阿波罗添加到我的应用程序中，使用然后，当我运行npm run build时，我会得到以下错误
- vue@3.0.0 (C:\workspace\StatusToolIf yo
浏览 1提问于2020-09-25得票数 2
回答已采纳
2回答
阿波罗-外部WebSocket服务器上的服务器GraphQL订阅
websocket、graphql、apollo-client、apollo-server、vue-apollo
目前，我有一个使用Apollo-Server创建并使用本地GraphQL数据库持久化的sqlite服务器。我让查询和突变正常工作。我还有一个外部WebSocket服务器，它不断地在ws://localhost:8000/websocket上生成消息(与我的GraphQL/数据库模式相匹配)。是否可以让我GraphQL服务器订阅该websocket地址，并不断解析这些消息，然后使用适当的变化将其插入到后端数据库中？然后我将有一个Vue前端，它将不断显
浏览 1提问于2020-08-14得票数 3
1回答
阿波罗GraphQL订阅在Vuejs中不起作用
vue.js、graphql、apollo-client、apollo-server、prisma
我正在使用Prisma和vuejs +阿波罗客户端的GraphQL订阅我想在仪表板中显示最近添加和更新的记录。我已经在我的本地系统中实现了订阅，它工作正常。我正在使用AWS服务器。除了订阅之外，一切都运行正常。有时我会得到以下错误:到'wss://URL:4000/graphql‘的WebSocket连接失败:在建立连接之前
浏览 0提问于2019-11-01得票数 5
2回答
类星体框架v1中的Setp Apollo graphql
vue.js、graphql、apollo-client、quasar-framework、vue-apollo
我正在尝试在quasar中安装vue apollo作为引导import VueApollo from 'vue-apollo'* graphql/langu
浏览 1提问于2019-11-05得票数 0
1回答
Nativescript-vue graphql后端？
nativescript、nativescript-vue
刚刚开始尝试使用nativescript-vue。由于它很新，似乎找不到关于nativescript-vue与graphql集成的好文档。已尝试，但无法安装。当我执行vue add apollo时，它会出错。有没有关于如何将nativescript-vue与graphql后端集成，或者更具体地说是通过apollo集成的好文档
浏览 0提问于2019-05-14得票数 2
1回答
如何在Heroku上正确地部署Vue +阿波罗服务器和客户端应用程序？
heroku、vue.js、graphql、vue-cli-3、vue-apollo
我是新来的，刚刚用Graphql试用了Vue.js。─ .env └── vue.config.js{ "versionbuild", "ap
浏览 0提问于2018-12-15得票数 2
2回答
来自Vuex的Apollo请求
vuejs2、vuex、apollo、vue-apollo
我通常会得到一个错误，或者mutate不是一个函数(即使我从Vue组件传入了this.$apollo ) 我只是在试着进入Vue的方式。$apollo).then(_ => ); }</script>
<style></style> Vuex.auth import { apolloClient } from 'vue<
浏览 17提问于2020-04-16得票数 3
回答已采纳
1回答
RxJS取消订阅挂钩
angular、rxjs、graphql、rxjs-observables、apollo-angular
如果有一段代码可以将一些数据提取到缓存中，并使用websocket连接使其保持同步，并使用可观察对象提供对数据的访问接口，那么我如何知道在某个时间点上没有订阅者呢？现实生活中的场景是一个graphql查询(apollo-angular)和一个websocket订阅来保持数据同步。我不愿意将过时的数据保存在缓存中。
所以..。当一个可观察对象正在被销毁/所有订阅者都已经取消订阅以从缓存中删除数据时，我如何才能将其挂钩？该服务设
浏览 5提问于2020-05-28得票数 2
1回答
在带有TypeGraphQL的ApolloGraphQL中使用订阅时出错: UnsupportedProtocolError:不支持的协议"ws:“
node.js、sockets、websocket、graphql、typegraphql
查询和突变的效果很好，但订阅就不一样了。我是否需要在我的计算机中配置某些内容？我从来没有和WebSocket合作过，谢谢！
浏览 13提问于2021-10-27得票数 1
1回答
如何将上传文件类型转换为graphql UploadFile类型？
vue.js、file-upload、graphql、graphql-js
我尝试将图像上传到使用vue.js构建的客户端的服务器上，但一直都有错误。我试过用formData发送请求，试过直接用文件列表对象，用文件对象。 但似乎没有什么是好的。target }) { formData.append('files', target.files)
HTTP.post('/graphql
浏览 11提问于2019-06-29得票数 0
1回答
如何在Vue Vite项目中整合Vue阿波罗？
javascript、vue.js、vuejs3、vue-composition-api、vue-apollo
/App.vue'import router from '.'@vue/apollo-composable'
setup () {
provide(DefaultApolloClient, apolloClient/apollo-compo
浏览 6提问于2022-05-14得票数 0
回答已采纳
1回答
设置Websocket链接失败
vue.js、vuejs3、hasura、vue-apollo
一直试图获得与Hasura和Vue阿波罗合作的订阅，并通过websocket链接与Vue3的Vue阿波罗连接。把一切都安排好了。import { DefaultApolloClient } from '@vue/apollo-composable'
imp
浏览 20提问于2022-09-25得票数 -1
3回答
如何将阿波罗与NativeScript vue集成？
nativescript-vue、vue-apollo
如何从Nativescript应用程序中使用GraphQL API？包应该直接工作吗？甚至还有一些“有角度的阿波罗”的例子。但它是否也适用于本地文本-vue？import { HttpLinkModule, HttpLink } from 'apollo-angular-link-http';
ApolloMo
浏览 5提问于2020-02-22得票数 1
回答已采纳
1回答
使用docker部署Vue应用程序时出现的vue CLI错误
docker、npm、docker-compose、vuejs3
For help migrating Apollo software to `graphql-ws`, see https://www.apollographql.com/docs/apollo-serverFor help migrating Apollo software to `graphql-ws`, see https://www.apollographql.com/docs/apollo-serv
浏览 8提问于2022-06-22得票数 0
回答已采纳
1回答
如何以@ nuxt / subscribeToMore工作的方式设置nuxt？
nuxt.js、apollo-client、vue-apollo
process.env.GRAPHQL_HTTP_ENDPOINT : process.env.GRAPHQL_HTTP_ENDPOINT_IAM return {
httpEndpoint,__VUE_SSR_CONTEXT__.req.headers.cookie.
浏览 1提问于2021-05-27得票数 1
2回答
为什么阿波罗客户端下载:模式失败与“错误:找不到模块‘graphql/验证/规则/UniqueTypeNames’”
graphql、command-line-interface、schema、apollo
我正在尝试使用以下命令下载graphql模式我收到一个错误：Error: Cannot find module 'graphql/validation/rules/UniqueTypeNames'
我在package.json中有以下依赖项
浏览 14提问于2021-10-30得票数 3
回答已采纳
1回答
GraphQL查询只在使用<ApolloQuery>标记时运行。从不在脚本代码中工作。this.$apollo.queries是空的
vue.js、vuejs2、apollo-client、vue-apollo
<script lang="ts"> return {
myQueryName/graphql<
浏览 1提问于2019-02-06得票数 5
1回答
PubSub的不同实现可以相互协作吗？
graphql、apollo-server、typegraphql
apollo-server，apollo-server-express和Type-graphql提供了不同的PubSub实现，我一直在尝试使用Apollo-Server来触发使用Type-graphql完成的订阅。这是我的Type-Graphql订阅解析器： export class TransactionsSubscription {
@Subscription"data") d
浏览 2提问于2021-06-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
