76
60

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Amazon API GatewayでMockを定義してみる

Last updated at Posted at 2015-09-02

#はじめに
9/1にAmazon API Gatewayのエンハンスがあり、API Gatewayから直接Mockの値をレスポンスすることができるようになりました(Introducing Mock integration: generate API responses from API Gateway directly)。

これまではバックエンドの実装が終わっていないとAPI Gatewayで作ったAPIを利用したアプリの開発に難しい、もしくは手間がかかる状態でしたが、今回の機能追加によりバックエンドの実装を待つことなくAPIを利用したアプリの開発に着手できます。

というわけで実際にやってみます。とても簡単です。

#やってみる
##APIの作成
まずAPIを作成します。マネージメントコンソールからAPI Gatewayを選択して、「Create API」します。名前は適当につけて「Create API」を押します。ちなみに"Do not clone from existing API"と表示されてるかも知れませんここは気にせずこのままで。既存のAPIがあったらクローンして新規APIを作ることも可能なんです。

Screen Shot 2015-09-02 at 10.57.43 AM.png

##リソース作成
まずはリソースを作成します。

Screen Shot 2015-09-02 at 11.01.25 AM.png

今回はbooksというリソースを作成します。ちなみにRESTおじさんとしてはリソース名は複数形にするのをオススメします。

Screen Shot 2015-09-02 at 11.03.24 AM.png

##メソッドの設定
###メソッド作成
リソースを作成すると左側のResourcesペインに作成したリソースが表示されていますのでこれを選択した状態で、

Screen Shot 2015-09-02 at 11.05.25 AM.png

「Create Method」します。
Screen Shot 2015-09-02 at 11.06.27 AM.png

そうするとResourcesペインにHTTPメソッドのリストが出るので今回は「GET」を選択して(①)横のチェックをクリック(②)します。

###Integration Typeの設定
Screen Shot 2015-09-02 at 11.07.54 AM.png

続いてメソッドのセットアップ画面でIntegration Typeとして新たに追加されたMock Integrationを選択して保存。

Screen Shot 2015-09-02 at 11.14.40 AM.png

Integration RequestのtypeがMockになってますね。

###Mockのステータスコードの設定
Integration RequestでMockでレスポンスする際のステータスコードを設定します。
ここのステータスコードはあくまでもバックエンドのMockとしてのステータスコードなのでユーザに直接レスポンスするものではないです。
このあたりは後述のMethod ResponseとIntegration Responseあたりで設定する必要があります。

Screen Shot 2015-09-02 at 11.21.29 AM.png

実際の定義はMapping Templateを利用して行います。

Screen Shot 2015-09-02 at 11.25.43 AM.png

Content-Typeのところのapplication/jsonをクリックするとその右側にTemplateを記述するエリアが表示されます。Integration TypeとしてMockを選択した場合はあらかじめステータスコードに関するテンプレートが記述されています。ひとまず、今回はリクエストされたら常に200を返すようにするのでこのままでいいです。本来はここでパラメータとかに応じてレスポンスするステータスコードを変更したりできます。

Screen Shot 2015-09-02 at 12.57.46 PM.png

###レスポンス内容のMock定義
続いて、実際にレスポンスするMockの中身を定義していきます。Integration Responseを開いて、デフォルトで定義されているステータスコード200のレスポンスの行を展開する(①)と表示されるMapping Templateをクリックして(②)、デフォルトで定義済みのContent-Typeであるapplication/jsonをクリックします(③)。

Screen Shot 2015-09-02 at 1.16.58 PM.png

Screen_Shot_2015-09-02_at_1_21_04_PM.jpg

標準状態だとOutput passthroughとなっているのでその右にある鉛筆アイコンをクリックします。
Screen_Shot_2015-09-02_at_1_29_55_PM.jpg

そうすると変更ができるのでMapping Templateを選択します。

Screen_Shot_2015-09-02_at_1_33_02_PM.jpg

Mapping templateを選択すると画面下部にTemplateを記述するエリアが表示されるのでそこに以下の内容を記述します。
今回はシンプルに/booksにGETリクエストされたら本のIDと名前のリストを含む以下のようなJSONを返すこととします。

{
 [
  {
   "id":1,
   "title":"RESTful Webサービス"
  },
  {
   "id":2,
   "title":"Web API: The Good Parts"
  },
  {
   "id":3,
   "title":"Restlet in Action"
  },
  ]
}

先ほどのテンプレートの記述エリアに上記をコピペしてsaveしてください。

Screen_Shot_2015-09-02_at_1_45_15_PM.jpg

これで完了です。

#テスト
テストはマネージメントコンソール上でのテストでもデプロイしてからブラウザ等により実際にリクエストしてみるのもどちらでも構いません。ちなみにマネージメントコンソール上でのテストはデプロイする前でも可能です。今回はマネージメントコンソール上でテストしてみます。

リソースのMethod Executionの画面を開きます。左側にTestというリンクがあるのでこれをクリックします。

Screen_Shot_2015-09-02_at_2_06_53_PM.jpg

そうすると、テストの際に渡すパラメータの設定とかを行う画面が表示されます。今回はデフォルトのままでクエリパラメータとか何も受け取らない設定になっているのでここには何も表示されていません。

Screen Shot 2015-09-02 at 2.07.10 PM.png

ではTestボタンを押してみてください。そうすると結果が表示されます。

Screen Shot 2015-09-02 at 2.07.32 PM.png

先ほどIntegration ResponseのMapping Templateで指定したJSONがそのまま出力されました!

#終わりに
というわけで以前とくらべてAPI Gatewayを使ったアプリ開発を複数グループで平行して進めたり、ちょっとした何かをテストするために利用するのが簡単になったのではないかなーと思います。
ちなみにレスポンスする際のMockはステータスコードごとに設定できますので、例えば特定パラメータを渡した場合はステータスコードが400になって特定のエラーメッセージを返すというようなこともできます。

免責
こちらは個人の意見で、所属する企業や団体は関係ありません。

76
60
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
76
60

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?