GraphQL

apolloオプション内でパスパラメーターを取得する

variables()とprefetchの両方でparamsに関する処理を書かなければ動かない。これは自分のNuxtやapolloに対する不理解が原因でもあると思うが、違和感がハンパない。 <template> <themecontent :research-theme="researchTheme" /> </template> <script> import ThemeContent from '@/components/atoms/ThemeContent' import gql from 'graph…

Vue.jsで使うGraphQLクライアントライブラリ

Vue.jsでGraphQL使ってみようかと思った時、GraphQLクライアントが結構ゴチャついててどのライブラリを組み合わせて使えばいいのか分かりにくかったのでまとめました 結論 コンポーネント内でリクエストの送信をするなら vue-apollo Vuexのアクションでリク…

GraphQLのミューテーションを使う

GraphQLのミューテーションはリソースを変更するものです。 実行順の問題で、argsで渡された引数を元にリソースを変更することは好ましくありません。(詳しくは公式ドキュメントに任せます) const express = require('express') const graphqlHTTP = require…

GraphQLでパラメータを投げる

最近GraphQLを使っているのですがリクエストにパラメータを乗せるのに四苦八苦したのでメモしておきます。 const express = require('express') const graphqlHTTP = require('express-graphql') const { graphql, GraphQLSchema, GraphQLObjectType, GraphQ…

Function Compute + API GatewayでGraphQLのAPIを作成する

アリババクラウドのFunction Compute + API Gatewayの構成のAPIでGraphQLを使います。 GraphQLとは エンドポイントごとに機能を持たせるのではなく、一つのエンドポイントに命令をPOSTしてその結果を得るようにしたものです。 具体例だとこんな感じになりま…