楽天ブックス書籍検索APIを使用して、著書名で本を検索する(JavaScript)

目的

楽天ブックス書籍検索APIをたたいて、著書名からJSONデータを取得するまでの流れをまとめます。

実現方法・環境

• JavaScriptを使って、HTTPリクエストを送ります。

コード

試しに、「鈴木たろう」という方の本を検索してみます。

1. 楽天ブックス書籍検索APIへアクセスするため、著書名をエンコードします。

const author = encodeURI('鈴木たろう')

1. その後、アプリID/デベロッパーIDと組み合わせたURIを作成します。

const request = new XMLHttpRequest()
const author = encodeURI('鈴木たろう')
const testurl = `https://app.rakuten.co.jp/services/api/BooksBook/Search/20170404?format=json&author=${author}&applicationId=YOUR_APP_ID`

request.open('GET', testurl)
request.addEventListener('load', (event) => {
    console.log(event.target.status) //ステータスコードを返す
    console.log(event.target.responseText) //レスポンスに含まれるテキストを返す
})
request.send()

(アプリケーションIDがわからない方は、ここからIDを作成してください。楽天のアカウントがあれば、適当なサイトを登録するだけでアプリIDを取得できます。)

コードの実行

ブラウザのコンソールにて、上記コードを実行します。
ステータスコード200と、書籍データが返ってこれば成功です！