ch2 非同期お天気webアプリを作る!

ch2 - 1 できあがるもの

  • ローカルでの動作を確認
  • 複数の都市の今の天気がわかる

ch2 - 2 利用するapiについて

Сurrent weather and forecast- OpenWeatherMap


会員登録

  • Sing Up
  • API Keys のタブよりKeyを取得する

  • APIのページからCurrent weather data 
  • Subscribeをクリック
  • Get API key and Startをクリック

How to use API key in API call

  • Get形式でリクエストするとJSON形式でレスポンスが返ってくる
  • &units=metric
  • 温度を摂氏に変える
{
    "main": {
        "temp": 2.92
        "temp_max": 5
        "temp_min": 0
    }, 
    "name": "Tokyo"
    "weather": [
        {
            "description": "clear sky"
            "id": 800
        }
    ]
}

ch2 - 3 Git clone

  • リポジトリURL