Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
API Gatewayと少し仲良くなってみた!
Search
Nao Masuya
April 16, 2024
Technology
1.3k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
API Gatewayと少し仲良くなってみた!
2024/4/16 JAWS ランチ会のLT資料。
API GatewayでのMockAPIの作り方を簡単に紹介!
Nao Masuya
April 16, 2024
More Decks by Nao Masuya
See All by Nao Masuya
久しぶりのAWS!JAWS!初めてBedrockを触ってリハビリ!
masuchoku
0
44
AWS Summit 2025 の見どころを振り返る!
masuchoku
0
510
AWS TransferFamilyを使ってみた!
masuchoku
0
610
AWSを触ってきた数年間を振り返る!
masuchoku
1
500
Step Functionsと少し仲良くなってみた
masuchoku
1
760
スライド作りから LTを楽しもう! エンジョイ、 エンジニアライフ!
masuchoku
1
790
APCのAWS認定マスターたちに聞いてみた
masuchoku
0
260
AppSync入門! GraphQL APIを作ってみた!
masuchoku
3
1.2k
AWSとJenkinsおじさん で学んできたCI_CD
masuchoku
1
1.6k
Other Decks in Technology
See All in Technology
[FECONF-2026] 신대륙을 향한 카카오페이증권 프론트엔드 항해기 (이주승)
l1ghthouse
0
350
Vue で書く 空間コンピューティング、TresJS と WebXR を使ったXR デバイスのフロントエンド開発
hiranuma
0
150
Systems Manager AgentがインストールされたPCを紛失した時の対策を考えてみた
amarelo_n24
1
110
AIがGISを代替する日:〜すべてをAIが創る時代に、私たちがFOSS4Gに関わる意味〜
lehupa
0
180
「作れる」と「リリースできる」の間にあったもの── PdMを外して見えた、PdMがやるべき仕事/Buildable ≠ Shippable: What Removing the PM Taught Me About the PM’s Job
yappli_developers
0
410
自律的なチームを作るためにTechPMがやらないこと
ny7760
0
430
慶應義塾大学 AI実践05 論文執筆の仕組み化
keio_smilab
PRO
3
3k
kintoneで在庫管理システムを作るときの要件定義・設計ポイント
kai0707
0
200
詳解 never 型 - ボトム型の性質を深掘り
nealle
0
120
AIエージェント時代、Kaggleにどう取り組むか
takanao
2
460
基本から分かる!AWSセキュリティ運用の考え方と任せ方
cmusudakeisuke
1
330
Lint の層を組み直した話
bengo4com
1
280
Featured
See All Featured
Writing Fast Ruby
sferik
630
63k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
340
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.4k
Music & Morning Musume
bryan
48
7.5k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
[SF Ruby Conf 2025] Rails X
palkan
3
1.5k
Intergalactic Javascript Robots from Outer Space
tanoku
273
28k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
580
Speed Design
sergeychernyshev
33
2.2k
Transcript
API Gatewayと少し仲良くなってみた! 2024/4/16 JAWS ランチ会 株式会社エーピーコミュニケーションズ 升谷直緒
2 所属 株式会社エーピーコミュニケーションズ @apc_tweet 自己紹介
3 自己紹介 株式会社 エーピーコミュニケーションズ システム基盤サービス事業本部 クラウド事業部 IaC技術推進部 升谷直緒 • 2020年入社
• SIerとして5年目 • AWSは使い始めて4年目 • CI/CDの導入支援 • Webアプリの改善運用 • リモートワーク @masuchoku
4 アウトプット • ブログ ◦ 月1程度で更新したい • 登壇 ◦ JAWS
▪ 社外の人と関われる貴重な機会 ▪ 普段使わないAWSサービスに触れる ▪ さまざまな支部があるから色々参加してみ るのと楽しい ◦ Women Developers Summit 2023 ▪ 女性エンジニアのイベント ▪ アウトプットしよう!というテーマでLT
5 今日のテーマ API Gatewayを使ってスタブを作ってみたが、 とても簡単にできた! 今開発しているLambdaを評価したいので、 APIのスタブを作りましょう! API Gatewayでできるはず! OKです!
=テスト対象から呼び出されるものの代わり =張りぼて
6 今日のテーマ API Gatewayを使ってスタブを作ってみたが、 とても簡単にできた! ① APIでS3のファイルURLを返して、 Lambdaでファイルの中身を処理したい ②APIキーを使った認証にしたい ③APIはクエリによって応答が変わるようにしたい!
OKです?
7 まず、API Gatewayで数分でMock API を作れることを知る まずスタブを作ろう
8 まずスタブを作ろう =API Gateway がバックエンドに送る HTTP リクエスト \ここのマッピングテンプレートに注目/ {"statusCode": 200}
↑デフォルト =API Gateway がクライアントに返す HTTP レスポンス \ここのマッピングテンプレートに注目/ { "name": "masuya", "job": "engineer", "catOrDog": "cat", "petName": "Simba" }
9 最後に忘れずにデプロイするだけで もうスタブが完成する! この際にデプロイする ステージを作る! ターミナルでcurlして確認! まずスタブを作ろう
10 次にAPIキーを付与しよう API キーは必須です True ↑デフォルトはFalseなので変更する! APIキーの作成 どのAPIにどのAPIキーを 紐づけるかやAPIの使用量を定義する 使用量プランで紐付けたい
APIキーとAPIのステージを 選択する
11 最後に忘れずにデプロイ! デプロイ先は前段でAPIキーと 紐付けたステージにする! ターミナルでcurlして確認! キーがないと失敗する! 次にAPIキーを付与しよう
12 最後にリクエストクエリによって応答を変えよう \URL クエリ文字列パラメータに注目/ when を追加してみる マッピングテンプレートをアップデートする! { #if( $input.params('when')
== "2016" ) "statusCode": 300 #else "statusCode": 200 #end } レスポンスを追加する! { "name": "masuya", "job": "student", "catOrDog": "dog", "petName": null } HTTP ステータスの正規表現 300 メソッドレスポンスの ステータスコード 300 レスポンスを追加する! HTTPステータスコード 300 レスポンス本文 コンテンツタイプ application/json
13 おなじみの、 最後に忘れずにデプロイ! ターミナルでcurlして確認! URL末尾にクエリを追加して実行! 最後にリクエストクエリによって応答を変えよう
14 今日のテーマ API Gatewayを使ってスタブを作ってみたが、 とても簡単にできた! ↑4兄弟の理解に 時間がかかったものの、 できましたー! やったー!
15 ThankYou! 今回はMockでの実装でしたが、 API Gatewayを もっと活用していきたい! 参考 https://qiita.com/oiz-y/items/64eb0a8f88765f34e6e9 https://docs.aws.amazon.com/ja_jp/apigateway/latest/developerguide/how-to-mock-integration-console.html