LoginSignup
4
4

More than 5 years have passed since last update.

MAに向けてTwilioと楽天トラベル空室検索APIを使ってアプリを作りたい

Last updated at Posted at 2015-07-01

Mashup Awardsでまともに開発できるようになりたいなと思っていたので

WebAPIを叩くアプリを作ってみた。

アプリの概要は以下

・楽天トラベル空室検索APIを使い、現在地近くのホテル空室情報を取得する

,・予約ボタン的なものを押したら、予約したことにして、そのデータを宿泊履歴としてサーバーに保存

・履歴更新と同時にTwilioAPIを叩いて電話をかける

ちなみに上記のアプリには「社畜が深夜残業をする際のホテル泊をサポート」する目的で作った(気分だけでもMAらしさを出すために)、宿泊履歴を保存しているのは、一週間に宿泊した回数が多かった時に、お叱りをしてもらうためだ。電話をかけるのは家族への連絡として捉えている。そんなストーリーを背負っているが、ここでは特に気にせずに技術的な話をしていきたい。

まずJSを使って自分のブラウザからAPIを叩けるようにする

その前に楽天トラベル空室検索APIを使うには楽天WebServiceへのログインとアプリIDの発行が必要なのでそれは下記から

仕様は下記から

ではさっそくできたコードの方

function rakutentravelUrl() {
  var rakutentravelApi ="https://app.rakuten.co.jp/services/api/Travel/VacantHotelSearch/20131024";
  var rakutentravelKey =
  “********";
  var queri = rakutentravelApi + "?applicationId=" + rakutentravelKey +
  "&checkinDate=" + "2015-07-01" +
  "&checkoutDate=" + "2015-07-08" +
  "&latitude=" + lat +
  "&longitude=" + lng +
  "&searchRadius=" + RANGE + 
  "&datumType=" + MAXHIT;
  // XMLHttpRequest オブジェクトを作成
  xhr.open("GET",queri,true);
  xhr.send();
  // 出力テスト
  console.log(queri);
}

今度はスマホアプリから叩く方法を書こうと思う

4
4
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
4
4