Posted at

楽天ブックス書籍検索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と、書籍データが返ってこれば成功です!