2020.05.04 2020.07.11

PHPで天気を取得、表示させたい！OpenWeatherMap APIの使い方

この記事は、最初の投稿から6年以上が経過しています。

最終更新から2258日が経過しています。

「Webサイトに天気を表示させたい」
「OpenWeatherMapの使い方がわからない」

こういった悩みにお答えします｡

PHPで天気を表示させられるようになります｡
WordPressでも使用できます｡
応用次第ではアプリ等にも転用できます｡

この記事ではこんなことがわかります｡

目次

OpenWeatherMap とは
APIキーを取得する
PHPを使ってリクエストする
1. OpenWeatherMap APIを呼び出す
2. 天気と温度を取得､表示させる
まとめ

OpenWeatherMap とは

OpenWeatherMapは､現在の天気や天気予報などの無料APIを提供するオンラインサービスです｡

OpenWeather APIs for Weather, Energy, and Environment

OpenWeather provides global APIs for weather, environmental, and energy data, including current conditions, forecasts, historical weather, air pollution, solar radiation, road risk, and solar energy insights. Built for developers and businesses, our platform offers reliable data access, broad product coverage, and flexible self-service tools to support apps, analytics, operations, and decision-making.

アカウントを登録し､API Keyを取得するだけで､フリープランを使うことができ､以下のサービスがうけられます｡
ほとんどの場合は､フリープランで十分だと思います｡

現在の天気
1時間までの分予報
2日後までの時間予報
7日後までの予報
過去5日の天気

APIキーを取得する

5日後までの天気予報は無料プランで取得できるので､まずアカウント作成していきます｡

アカウント登録ページへアクセスする

OpenWeatherへアクセスし､ヘッダーの「Sign Up」をクリックします

必要事項を入力する

①「Username」「Enter email」「Password」「Repeat Password」を入力します｡
②年齢(16歳以上)確認､「プライバシーポリシーの同意」をチェックします｡
③「OpenWeather」からのニュース等3項目を受け取るかどうかなので､チェック不要です｡
④キャプチャをチェックします｡
⑤「Create Account」をクリックします｡

使用目的を入力する

①会社名を入力します｡
②使用目的を選択します｡おそらく､なんでも大丈夫だと思います｡

確認メールが届く

着信した確認メールの「Verify your email」をクリックします｡

登録完了

着信した登録完了メールにAPIキーがあります｡
これで完了です｡

マイページのAPI Keysからも「APIキー」を確認できます｡

PHPを使ってリクエストする

OpenWeatherMap APIを呼び出す

以下のURLからJSON形式の天気情報が取得することができます｡


  //天気を取得したい都市　例：岐阜市
  $city = "Gifu-shi,jp";

  //アカウント登録で取得したAPI Key
  $appid = "●●●●●●●●●●";

  //以下のURLからJSON形式で現在の天気情報を取得
  $url = "http://api.openweathermap.org/data/2.5/weather?q=" . $city . "&units=metric&APPID=" . $appid;

取得した天気情報　→　OpenWeatherデモ

POINT: 「units=metric」で摂氏温度(℃)の取得ができます｡
これがないと絶対温度(K)になるので､取得した数値から「-273.15」する必要があります｡

天気と温度を取得､表示させる

天気と温度を取得､表示させる関数にします｡
WordPressであれば､functions.phpにこのコードをコピペします｡

POINT: 取得する情報はすべて英語なので､日本語にするには翻訳が必要です｡


function get_json( $type = null ){
  $city = "Gifu-shi,jp";
  $appid = "●●●●●●●●●●";
  $url = "http://api.openweathermap.org/data/2.5/weather?q=" . $city . "&units=metric&APPID=" . $appid;

  $json = file_get_contents( $url );
  $json = mb_convert_encoding( $json, 'UTF8', 'ASCII,JIS,UTF-8,EUC-JP,SJIS-WIN' );
  $json_decode = json_decode( $json );

  //現在の天気
  if( $type  === "weather" ):
    $out = $json_decode->weather[0]->main;

  //現在の天気アイコン
  elseif( $type === "icon" ):
    $out = "<img src='https://openweathermap.org/img/wn/" . $json_decode->weather[0]->icon . "@2x.png'>";

  //現在の気温
  elseif( $type  === "temp" ):
    $out = $json_decode->main->temp;

  //パラメータがないときは配列を出力
  else:
    $out = $json_decode;

  endif;

  return $out;
}

表示させたい場所に以下のコードをコピペします｡
今回はtableタグにしていますが､実際には好きなタグで表示させてください｡

<table border>
  <tr>
    <th>天気</th>
    <th>気温</th>
  </tr>
  <tr>
    <th>
      <?php echo get_json("icon"); ?>
      <?php echo get_json("weather"); ?>
    </th>
    <th><?php echo get_json("temp"); ?>℃</th>
  </tr>
</table>

OpenWeatherデモ