WebAPIを叩きたい

Question

Javaプログラマー経験1年の者です。

単刀直入に言うと、
WebAPIを叩きたい。
と思っています。

イメージとしては、
WebブラウザでWebAPIのURL？を叩く(Enter、returnキーを押す)と、WebAPIに問い合わせを行い、レスポンスとして、データが返ってくると思っています。

しかし調べていても、それを簡単に実行できるやり方を見つけることができず、またデータもどのような形で返ってくるか、返ってきたことを確かめられるかがわかりません。(Chromeのデベロッパーツールとかに表示されるのかな？)

もし実際に
・こんな感じで簡単に試せるよ。
・このサイトわかりやすいから実践してみて
とかあれば教えていただきたいです。

現在、エクリプスのHTMLでGoogleMapsAPIを使ってGoogleMAPにカスタマイズをしたりはしています。それはHTML上にGoogleMAPsAPIを使うためのURLをscriptタグで囲んで使っている形です。

なのでWebAPI自体使ってると思うのですが、いまいち「WebAPIを叩いた」という感覚を実感できていません。実際どうデータが返ってきてるからGoogleMAPの機能が使えてるのかもよくわからないですし。自分のイメージしてるものとは少し違うような。

なにかアドバイスいただけると幸いです。お願いします。

Answer 1

Web APIをテストする場合、Google Developer Toolsもかなり役に立ちます。

ウィンドウの「Network」タブから「XHR」を選ぶと、XMLHTTPRequest経由でやりとりされているデータを見ることができ、JSONなら展開することも可能です。

Comments

[k499778]

返答ありがとうございます。コメントが遅くなってしまっていてすいません。
まだ少し理解が及ばず解決に至っていないので自分で調べている最中です。
また進捗が進んだり解決したら追加コメントさせてください。

[k499778]

ちなみにGoogle Developer Toolsというのは、私の質問内容にありますGoogle Chrome Developer Toolsのことでしょうか？

あと私が今何に引っかかっているかだけ報告させていただきます。
「XHR」を見つけれていないのです。
Reqest Headers内に
X-Requested-With:XMLHttpRequest
という記述は見つけられました。

ただmaisumakunさんのおっしゃっているのは、私のイメージだと
devツールの左のアイコン(jsとかcssとか)の中にXHRがあったりして
それを選ぶとデータが見れて、JSONなら展開可能である。
とおっしゃっているのかなあと思っています。

長々とすいません。とりあえず引き続き調べてみます。

Answer 2

たとえば、このWebサイトは、表示のためのデータをWeb API経由で取得しています。
http://restaurants.o-ta-su-ke.net/neighborhood

Chrome developer toolで見ればわかると思いますが、以下のAPIを呼んでいます。
たとえば、URLを少し変更すると、結果が変わると思います。
http://restaurants.o-ta-su-ke.net/restaurants/search.json?lon=139.693032&lat=35.6957018&dist=0.5&time=lunch

レスポンスは上記はJSONフォーマットです。レスポンスはAPIの種類によって様々です。

まず、身近なところで、楽天のAPIを呼んで、いろいろ試したりしてみては如何でしょうか？
https://webservice.rakuten.co.jp/document/

Comments

[k499778]

返答ありがとうございます。コメントが遅くなってしまっていてすいません。
まだ少し理解が及ばず解決に至っていないので自分で調べている最中です。
また進捗が進んだり解決したら追加コメントさせてください。

レストランのサイト試したんですが、APIのURLがdev toolでは赤字になってしまい、
http://restaurants.o-ta-su-ke.net/restaurants/search.json?lon=139.693032&lat=35.6957018&dist=0.5&time=lunch のようなレスポンスを確認できていません。

なので楽天のAPIを試しています。
APIテストフォーム(https://webservice.rakuten.co.jp/explorer/api/)で試みようとしているのですが、ItemCodeを具体的にどの値を入れればいいかわからず調べている最中です。
また報告できそうな状態になったらコメントさせていただきます。すいません

[k499778]

追記：

APIテストフォーム(https://webservice.rakuten.co.jp/explorer/api/)で試していて
その中の「GETのサブミットボタン」を押すと、json形式のデータが表示される。
そしてdevツールのReqest Headers内にも
X-Requested-With:XMLHttpRequestと書いてあり、XMLHTTPRequest経由でやりとりされているのが確認できる。
これがまさに表題の「WebAPIを叩く」ということなのでしょうか？
devツール内で返ってきたデータ(jsonなら上のmaisumakunさんが言っているようなもの)が確認できていないので少しスッキリはしていませんが。

[matsubokkuri]

「Web APIを叩く」という目的に対しては、APIをブラウザで呼び出している時点で、Web APIを叩いていると言えます。

楽天のAPIが使えないのであれば、もっと簡単な駅データとか。
http://www.ekidata.jp/api/api_pref.php
http://www.ekidata.jp/api/p/20.json

[k499778]

返答ありがとうございます！
是非試してみます。私の厚かましい質問にお答えいただきありがとうございました。