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
1.4k
Postman で GraphQL のクエリを送ってみよう
Postman Osaka Meetup 2024.1 の発表資料です。
SAW
January 25, 2024
Tweet
Share
More Decks by SAW
See All by SAW
Provide/Inject で TypeScript の恩恵を受ける方法
azuki
3
70
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
230
OSS contributor への第一歩を踏み出すまでの物語
azuki
1
150
Eloquent で relation を扱う基礎
azuki
0
74
メイキング・オブ・PHPカンファレンス 〜PHPカンファレンス関西2024の運営スタッフが語る舞台裏〜
azuki
0
56
ブラウザでテキストを読み上げる
azuki
0
99
計画性ないけれどノリと勢いだけで地方でも勉強会を開くすゝめ 〜 PHPカンファレンス関西2024 の懇親会 LT のその後 〜
azuki
0
50
GraphQL 入門
azuki
1
91
JavaScript で音声認識を試してみよう
azuki
0
130
Other Decks in Programming
See All in Programming
Cloud Adoption Framework にみる組織とクラウド導入戦略
tomokusaba
2
450
.NET Aspireのクラウド対応検証: Azureと他環境での実践
ymd65536
1
420
tsconfig.jsonの最近の新機能 ファイルパス編
uhyo
6
1.6k
Compose Multiplatform과 Ktor로 플랫폼의 경계를 넘어보자
kwakeuijin
0
260
CSC509 Lecture 02
javiergs
PRO
0
160
2024-10-02 dev2next - Application Observability like you've never heard before
jonatan_ivanov
0
170
A Journey of Contribution and Collaboration in Open Source
ivargrimstad
0
410
データサイエンスのフルサイクル開発を実現する機械学習パイプライン
xcnkx
2
500
M5Stackボードの選び方
tanakamasayuki
0
210
"Swarming" をコンセプトに掲げるアジャイルチームのベストプラクティス
boykush
2
240
Modern Functional Fluent CFML REST by Luis Majano
ortus24
0
140
CSC509 Lecture 03
javiergs
PRO
0
140
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
37
1.7k
The Mythical Team-Month
searls
218
43k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Embracing the Ebb and Flow
colly
84
4.4k
Clear Off the Table
cherdarchuk
91
320k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
327
21k
Building Your Own Lightsaber
phodgson
102
6k
In The Pink: A Labor of Love
frogandcode
139
22k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
The Brand Is Dead. Long Live the Brand.
mthomps
53
38k
Speed Design
sergeychernyshev
22
480
Thoughts on Productivity
jonyablonski
67
4.2k
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シール イメージ図