Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Postman で GraphQL のクエリを送ってみよう
Search
SAW
January 25, 2024
Programming
0
790
Postman で GraphQL のクエリを送ってみよう
Postman Osaka Meetup 2024.1 の発表資料です。
SAW
January 25, 2024
Tweet
Share
More Decks by SAW
See All by SAW
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
160
OSS contributor への第一歩を踏み出すまでの物語
azuki
1
110
Eloquent で relation を扱う基礎
azuki
0
47
メイキング・オブ・PHPカンファレンス 〜PHPカンファレンス関西2024の運営スタッフが語る舞台裏〜
azuki
0
49
ブラウザでテキストを読み上げる
azuki
0
74
計画性ないけれどノリと勢いだけで地方でも勉強会を開くすゝめ 〜 PHPカンファレンス関西2024 の懇親会 LT のその後 〜
azuki
0
41
GraphQL 入門
azuki
1
68
JavaScript で音声認識を試してみよう
azuki
0
80
Voice Recognition in JavaScript
azuki
0
31
Other Decks in Programming
See All in Programming
DynamoDB コスト最適化っぽいことの基本 with Terraform
kuro_kurorrr
2
250
【Go言語】golangci-lintの使い方
tomo1227
0
270
Javaの現状2024夏 / Java current status 2024 summer
kishida
4
1.4k
はしめてのプログラミングとロボット制御
watawatavoltage
0
290
Architectures with Lightweight Stores: New Rules and Options
manfredsteyer
PRO
0
100
CSC307 Lecture 05
javiergs
PRO
0
210
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
0
170
[After Kotlin Fest 2024 LT Night @ Sansan] もっともっとKotlinを好きになる!K2 Compiler Pluginで遊んでみよう!
kitakkun
2
260
Android開発者のための Kotlin Multiplatform入門
ntaro
0
190
APIのない大学ログインWebサービスをWKWebViewとJavaScriptでアプリ化した話
akidon0000
1
330
AWS初心者ってどうやってAWSを学ぶ?〜アプリエンジニアがやってよかったアーキテクチャ学習方法〜
yamanashi_ren01
0
190
3 Effective Rules for Success with Signals in Angular
manfredsteyer
PRO
0
120
Featured
See All Featured
Practical Orchestrator
shlominoach
185
10k
Atom: Resistance is Futile
akmur
261
25k
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
The Cult of Friendly URLs
andyhume
75
5.9k
GitHub's CSS Performance
jonrohan
1026
450k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
Code Review Best Practice
trishagee
58
16k
4 Signs Your Business is Dying
shpigford
178
21k
Agile that works and the tools we love
rasmusluckow
325
20k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
35
6.3k
Transcript
2 024 / 0 1 / 2 5 SAW Postman
で GraphQL のクエリを 送ってみよう Postman Osaka Meetup 2 0 2 4 . 1
$(whoami) • ⽒名: 加藤 宗⼀郎 (29歳) • ハンドルネーム: SAW
• ⼤阪在住‧愛知出⾝ • X (旧 Twitter): @azuki_eater • 得意分野: Web アプリケーション開発 • Laravel, Vue
⼿軽に GraphQL のクエリを送りたい • GraphQL の API サーバーを構築 • クエリを投げてサーバーからのレスポンスの内容を確認したい
• GraphiQL • ブラウザから GraphQL のクエリが送信できる IDE • クエリの補完や syntax highlighting が利⽤可能 • パッケージのインストールなどの環境構築が必要
Postman でも GraphQL のクエリを ⼿軽に送信できます
Postman で GraphQL のクエリを送信 • Body から GraphQL を選択 •
QUERY のフォームに GraphQL のクエリを⼊⼒ • GRAPHQL VARIABLES のフォームにクエリ変数の定義を⼊⼒ • JSON 形式で変数名と値を指定
Postman を使うメリット • GraphiQL のような環境構築が不要 • GraphiQL と同様にクエリの補完や syntax highlighting
が利⽤可能 • Schema 情報を取得 • 更新ボタンを押すことで 更新された schema 情報を取得 • クエリの補完にも反映される • Schema や resolver の設定が正しくないと警告マークが表⽰される • セッション認証などの認証情報も設定可能 • Postman で Cookie が利⽤可能
GraphQL のクエリ補完機能 • API サーバーから fetch した schema 情報に基づいて補完を表⽰
• Cookie を送信することでセッション認証が利⽤可能 • Postman が保持している Cookie をリクエスト送信時に⾃動的に設定 セッション認証の利⽤
認証前 認証後
総括 • Postman は GraphQL クライアントとしても有⽤ • クエリの補完や syntax highlighting
が利⽤可能 • クエリ変数の設定も可能 • Schema 情報を取得してクエリ補完機能に反映 • セッション認証も利⽤可能 • クエリ送信時にセッション認証の Cookie を送信
Postman は GraphQL の APIクライアントとしても便利!!
ご清聴ありがとうございました
宣伝 • PHPカンファレンス関⻄2024 開催予定✨ • ⽇付: 2024/2/11 (⽇) • 開催場所:
グランフロント⼤阪 • ⼀般参加チケット発売中 • お誘いチケットで周りの⼈も誘おう! • PHPerシール の特典は 1/26 まで! • 詳細は 公式サイト をご確認ください PHPerシール イメージ図