Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. Wetterdaten abrufen per API-Call mit dem Javascript Adapter

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    Wetterdaten abrufen per API-Call mit dem Javascript Adapter

    This topic has been deleted. Only users with topic management privileges can see it.
    • Frederik Buss
      Frederik Buss @itze242 last edited by

      @itze242 Da kann ich Dir leider auch nicht weiter helfen, mit dem Axios Modul kenne ich mich Null aus... Sorry.

      I 1 Reply Last reply Reply Quote 0
      • I
        itze242 @Frederik Buss last edited by

        @frederik-buss

        Herrjeh, ich bin so doof 🙂
        Habe die erste Zeile des Skripts gelöscht und wundere mich, dass axios nicht funktioniert.
        Immerhin habe ich mich das erste mal ein wenig mit js beschäftigt.

        Nun kommen die Daten rein.

        Danke nochmal.

        1 Reply Last reply Reply Quote 0
        • Ro75
          Ro75 last edited by Ro75

          So ich habe das Skript noch einmal modifiziert. Es beinhaltet jetzt auch eine Zähler, damit die freien API-Calls überwacht werden und es somit nicht kostenpflichtig werden kann. Zusätzlich habe ich noch die Zeitzone implementiert. Aüßerdem werden bestimmte Zahlenwerte (Niederschlag, Temperaturen) auf eine Nachkommstelle gerundet. Die Wingeschwindigkeiten werden jetzt in km/h gespeichert und nicht mehr in m/s. Von daher ggfs. die alten Datenpunkte nochmal löschen und automatisch neu anlegen lassen.

          Weiterhin habe ich die Icons von Accuweather mit den Werten von OpenWeatherMap gemappt. Der Pfad für die Icons ist auf VIS 1 voreingestellt, kann aber angepasst werden.

          Hier die Icons: wettericon.zip

          const axios = require('axios'); // Stelle sicher, dass axios installiert ist
           
          const apiUrl = "https://api.openweathermap.org/data/3.0/onecall";
          const apiParams = {
              lat: 50.xxxxxxxxx, 
              lon: 14.xxxxxxxxxxxx,
              appid: "xxxxxxxxxxxxxxxxxxxxxxxxxx",
              units: "metric",
              lang: "de",
              timezone: "Europe/Berlin",
              exclude: "minutely,hourly"
          };
           
          const basePath = "0_userdata.0.Wetter.Openweathermap."; //kann angepasst werden
          const baseVisPath = 'http://192.168.10.99:8082/vis.0/wetter/'; //muss angepasst werden
          
          createState(`${basePath}APICalls`, 0, {name: 'APICalls' ,type: 'number', read: true, write: false});
          
          // Funktion, um Wetterdaten abzurufen
          async function fetchWeatherData() {
              if (getState(`${basePath}APICalls`).val <= 990) {
                  try {
                      const response = await axios.get(apiUrl, { params: apiParams });
                      const weatherData = response.data;
                      const date = new Date(weatherData.current.dt * 1000);
          
                      //Zähler aktualisieren - maximal 1000 kostenfrei pro Tag
                      setState(`${basePath}APICalls`, getState(`${basePath}APICalls`).val + 1, true);
          
                      // DP erstellen und aktuelle Daten speichern
                      createAndSetState(`${basePath}current.date`, date.toLocaleDateString('de-DE', {weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', timeZone: 'Europe/Berlin'}), "string");
                      createAndSetState(`${basePath}current.day`, date.toLocaleDateString('de-DE', { weekday: 'long' }), "string");
          
                      createAndSetState(`${basePath}current.temperatur`,  DATARound(weatherData.current.temp), "number", "°C");
                      createAndSetState(`${basePath}current.temperatur_feels`,  DATARound(weatherData.current.feels_like) || 0, "number", "°C");
                      createAndSetState(`${basePath}current.humidity`, weatherData.current.humidity, "number", "%");
                      createAndSetState(`${basePath}current.weather`, weatherData.current.weather[0].description, "string");
                      createAndSetState(`${basePath}current.wind_speed`, DATARound(weatherData.current.wind_speed * 3.6), "number", "km/h");
                      createAndSetState(`${basePath}current.wind_gust`, DATARound(weatherData.current.wind_gust * 3.6) || 0, "number", "km/h");
                      createAndSetState(`${basePath}current.wind_deg`, weatherData.current.wind_deg, "number", "°");
                      createAndSetState(`${basePath}current.wind_direction`, getWindDirection(weatherData.current.wind_deg), "string");
                      createAndSetState(`${basePath}current.uv-index`, Math.round(weatherData.current.uvi) || 0, "number");
                      createAndSetState(`${basePath}current.visibility`, weatherData.current.visibility || 0, "number", "m");
                      createAndSetState(`${basePath}current.icon`, weatherData.current.weather[0].icon, "string");
                      createAndSetState(`${basePath}current.icon_id`, weatherData.current.weather[0].id, "number");
                      createAndSetState(`${basePath}current.icon_url`, getWeatherIcon(weatherData.current.weather[0].id, getState('javascript.0.variables.isDayTime').val), "string");
                      createAndSetState(`${basePath}current.clouds`, weatherData.current.clouds, "number", "%");
                      const isRaining = weatherData.current.weather[0].description.toLowerCase().includes("rain");
                      createAndSetState(`${basePath}current.raining`, isRaining, "boolean");
              
                      // DP erstellen und tägliche Daten speichern
                      weatherData.daily.forEach((day, index) => {
                          const date = new Date(day.dt * 1000);
                          createAndSetState(`${basePath}daily.${index}.date`, date.toLocaleDateString('de-DE', {weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', timeZone: 'Europe/Berlin'}), "string");
                          createAndSetState(`${basePath}daily.${index}.day`, date.toLocaleDateString('de-DE', { weekday: 'long' }), "string");
          
                          createAndSetState(`${basePath}daily.${index}.temperatur_min`, DATARound(day.temp.min), "number", "°C");
                          createAndSetState(`${basePath}daily.${index}.temperatur_max`, DATARound(day.temp.max), "number", "°C");
                          createAndSetState(`${basePath}daily.${index}.probability`, day.pop*100, "number", "%");
                          createAndSetState(`${basePath}daily.${index}.rain`, day.rain !== undefined ? DATARound(day.rain) : 0, "number", "mm");
                          createAndSetState(`${basePath}daily.${index}.snow`, day.snow !== undefined ? DATARound(day.snow) : 0, "number", "mm");
                          createAndSetState(`${basePath}daily.${index}.icon`, day.weather[0].icon, "string");
                          createAndSetState(`${basePath}daily.${index}.icon_id`, day.weather[0].id, "number");
                          createAndSetState(`${basePath}daily.${index}.icon_url`, getWeatherIcon(day.weather[0].id, true), "string");
                          createAndSetState(`${basePath}daily.${index}.weather`, day.weather[0].description, "string");
                          createAndSetState(`${basePath}daily.${index}.wind_speed`, DATARound(day.wind_speed * 3.6), "number", "km/h");
                          createAndSetState(`${basePath}daily.${index}.wind_gust`, DATARound(day.wind_gust * 3.6) || 0, "number", "km/h");
                          createAndSetState(`${basePath}daily.${index}.wind_deg`, day.wind_deg, "number", "°");
                          createAndSetState(`${basePath}daily.${index}.wind_direction`, getWindDirection(day.wind_deg), "string");
                          createAndSetState(`${basePath}daily.${index}.clouds`, day.clouds || 0, "number", "%");
                          createAndSetState(`${basePath}daily.${index}.uv-index`, Math.round(day.uvi) || 0, "number");
                      });
                  } catch (error) {
                      // Logge einen Fehler, wenn die API nicht erreichbar ist
                      console.error("Fehler beim Abrufen der Wetterdaten: ", error.message);
                  }
              }
          }
          
          // Funktion, um die SVG von Accuweather OpenWeatherMap zuzuordnen - TAG, NACHT wird berücksichtigt
          function getWeatherIcon(vIcon_ID,bIsDay) {
              var zIcon = 0;
              if (bIsDay == true) {
                  //Tag-Icon
                  if (vIcon_ID == 800) {
                      zIcon = 1;
                  } else if (vIcon_ID == 801) {
                      zIcon = 2;
                  } else if (vIcon_ID == 802) {
                      zIcon = 3;
                  } else if (vIcon_ID == 803) {
                      zIcon = 4;
                  } else if (vIcon_ID == 804) {
                      zIcon = 6;
                  } else if (vIcon_ID == 500 || vIcon_ID == 501) {
                      zIcon = 14;
                  } else if (vIcon_ID == 502 || vIcon_ID == 503) {
                      zIcon = 13;
                  } else if (vIcon_ID == 314 || vIcon_ID == 321 || vIcon_ID == 504 || vIcon_ID == 522 || vIcon_ID == 531) {
                      zIcon = 18;
                  } else if (vIcon_ID == 511) {
                      zIcon = 26;
                  } else if (vIcon_ID == 300 || vIcon_ID == 301 || vIcon_ID == 302 || vIcon_ID == 310 || vIcon_ID == 311 || vIcon_ID == 312 || vIcon_ID == 313 || vIcon_ID == 520 || vIcon_ID == 521) {
                      zIcon = 12;
                  } else if (vIcon_ID == 200 || vIcon_ID == 201) {
                      zIcon = 17;
                  } else if (vIcon_ID == 202 || vIcon_ID == 210 || vIcon_ID == 230 || vIcon_ID == 231) {
                      zIcon = 16;
                  } else if (vIcon_ID == 211 || vIcon_ID == 212 || vIcon_ID == 221 || vIcon_ID == 232) {
                      zIcon = 15;
                  } else if (vIcon_ID == 600) {
                      zIcon = 21;
                  } else if (vIcon_ID == 601) {
                      zIcon = 20;
                  } else if (vIcon_ID == 602) {
                      zIcon = 23;
                  } else if (vIcon_ID == 611 || vIcon_ID == 612 || vIcon_ID == 613 || vIcon_ID == 615 || vIcon_ID == 616) {
                      zIcon = 29;
                  } else if (vIcon_ID == 620 || vIcon_ID == 621) {
                      zIcon = 19;
                  } else if (vIcon_ID == 622) {
                      zIcon = 22;
                  } else if (vIcon_ID == 700 || vIcon_ID == 711 || vIcon_ID == 721 || vIcon_ID == 731 || vIcon_ID == 741 || vIcon_ID == 751 || vIcon_ID == 761 || vIcon_ID == 762 || vIcon_ID == 771 || vIcon_ID == 772) {
                      zIcon = 32;
                  }
              } else {
                  //Nacht-Icon
                  if (vIcon_ID == 800) {
                      zIcon = 33;
                  } else if (vIcon_ID == 801) {
                      zIcon = 34;
                  } else if (vIcon_ID == 802) {
                      zIcon = 35;
                  } else if (vIcon_ID == 803) {
                      zIcon = 36;
                  } else if (vIcon_ID == 804) {
                      zIcon = 38;
                  } else if (vIcon_ID == 500 || vIcon_ID == 501) {
                      zIcon = 39;
                  } else if (vIcon_ID == 502 || vIcon_ID == 503) {
                      zIcon = 40;
                  } else if (vIcon_ID == 314 || vIcon_ID == 321 || vIcon_ID == 504 || vIcon_ID == 522 || vIcon_ID == 531) {
                      zIcon = 18;
                  } else if (vIcon_ID == 511) {
                      zIcon = 26;
                  } else if (vIcon_ID == 300 || vIcon_ID == 301 || vIcon_ID == 302 || vIcon_ID == 310 || vIcon_ID == 311 || vIcon_ID == 312 || vIcon_ID == 313 || vIcon_ID == 520 || vIcon_ID == 521) {
                      zIcon = 12;
                  } else if (vIcon_ID == 200 || vIcon_ID == 201) {
                      zIcon = 41;
                  } else if (vIcon_ID == 202 || vIcon_ID == 210 || vIcon_ID == 230 || vIcon_ID == 231) {
                      zIcon = 42;
                  } else if (vIcon_ID == 211 || vIcon_ID == 212 || vIcon_ID == 221 || vIcon_ID == 232) {
                      zIcon = 15;
                  } else if (vIcon_ID == 600) {
                      zIcon = 43;
                  } else if (vIcon_ID == 601) {
                      zIcon = 43;
                  } else if (vIcon_ID == 602) {
                      zIcon = 44;
                  } else if (vIcon_ID == 611 || vIcon_ID == 612 || vIcon_ID == 613 || vIcon_ID == 615 || vIcon_ID == 616) {
                      zIcon = 29;
                  } else if (vIcon_ID == 620 || vIcon_ID == 621) {
                      zIcon = 19;
                  } else if (vIcon_ID == 622) {
                      zIcon = 22;
                  } else if (vIcon_ID == 700 || vIcon_ID == 711 || vIcon_ID == 721 || vIcon_ID == 731 || vIcon_ID == 741 || vIcon_ID == 751 || vIcon_ID == 761 || vIcon_ID == 762 || vIcon_ID == 771 || vIcon_ID == 772) {
                      zIcon = 32;
                  }
              }
              return baseVisPath + zIcon + '.svg';
          }
          
          // Funktion, Runden eine Nachkommastelle
          function DATARound(vValue) {
              return Math.round(vValue * 10) / 10;
          }
          
          // Funktion, um Windrichtung zu bestimmen
          function getWindDirection(degrees) {
              const directions = [
              'N', 'NNO', 'NO', 'ONO',
              'O', 'OSO', 'SO', 'SSO',
              'S', 'SSW', 'SW', 'WSW',
              'W', 'WNW', 'NW', 'NNW'
              ];
          
              const index = Math.round(degrees / 22.5) % 16;
              return directions[index];
          }
          
          // Funktion, um Datenpunkte zu erstellen und zu setzen
          function createAndSetState(id, value, type, unit = "") {
              if (!existsState(id)) {
                  createState(id, value, {
                      type: type,
                      unit: unit,
                      read: true,
                      write: false
                  });
              }
              setState(id, value, true);
          }
           
          // Scheduler: Alle 5 Minuten ausführen
          schedule('35 */5 * * * *', function () {
              fetchWeatherData();
          });
          
          schedule('20 0 0 * * *', function () {
              //Reset Zähler
              setState(`${basePath}APICalls`, 0, true);
          });
          
          

          Ro75.

          L Frederik Buss 2 Replies Last reply Reply Quote 0
          • L
            loverz @Ro75 last edited by

            @ro75 es wäre cool, wenn ein Entwickler hier einen neuen Adapter basteln könnte.

            1 Reply Last reply Reply Quote 0
            • T
              ticaki Developer last edited by

              Da es so aussieht als wenn bluefox den openweather adapter nach typescript portiert, könnte man da auch ne feature request erstellen.

              wendy2702 1 Reply Last reply Reply Quote 0
              • Frederik Buss
                Frederik Buss @Ro75 last edited by

                @ro75 Sehr cooler Ansatz mit den Icons - Ich hatte die Schmalspurvariante und habe die Icons auf 01d/01n usw. ausgelesen, Deine gefällt mir aber sehr viel besser. Werde ich die Tage bei mir auch umsetzen. Frage: mit welchem Widget zeigst Du die SVG an? Die sind ja in der Größe und vor allem Längen/Breitenverhältnis teilweise komplett unterschiedlich?

                Ich habe zusätzlich noch die stündlichen Daten abgefragt, um eine Vorhersage für die nächste Stunde anzuzeigen:

                        // Stündliche Daten speichern
                          weatherData.hourly.forEach((hour, index) => {
                            createAndSetState(`${basePath}hourly.${index}.temp`, hour.temp, "number", "°C");
                            createAndSetState(`${basePath}hourly.${index}.icon`, getState(IconPath).val + hour.weather[0].icon + '.png', "string");
                            createAndSetState(`${basePath}hourly.${index}.weather`, hour.weather[0].description, "string");
                            createAndSetState(`${basePath}hourly.${index}.wind_speed`, hour.wind_speed, "number", "m/s");
                            createAndSetState(`${basePath}hourly.${index}.wind_gust`, hour.wind_gust || 0, "number", "m/s");
                            createAndSetState(`${basePath}hourly.${index}.clouds`, hour.clouds || 0, "number", "%");
                            createAndSetState(`${basePath}hourly.${index}.date`, formatDate(getDateObject((hour.dt * 1000)), "hh:mm"), "string");
                                        
                        });
                
                Ro75 1 Reply Last reply Reply Quote 0
                • Ro75
                  Ro75 @Frederik Buss last edited by

                  @frederik-buss die svg mit eine picture widget. Eines, wo ein dp angegeben wird. Zumindest im VIS 1.

                  Ro75.

                  Frederik Buss 2 Replies Last reply Reply Quote 0
                  • wendy2702
                    wendy2702 @ticaki last edited by

                    @ticaki sagte in Wetterdaten abrufen per API-Call mit dem Javascript Adapter:

                    Da es so aussieht als wenn bluefox den openweather adapter nach typescript portiert, könnte man da auch ne feature request erstellen.

                    Gibt es das nicht schon oder ist das was anderes?

                    https://github.com/ioBroker/ioBroker.openweathermap/issues/348

                    https://github.com/ioBroker/ioBroker.openweathermap/issues/20

                    Eistee82 created this issue in ioBroker/ioBroker.openweathermap

                    open Migrate to API 3.0 because API 2.5 will be closed June 2024 #348

                    smartcuc created this issue in ioBroker/ioBroker.openweathermap

                    open Update to v3 API - adds UV-Index and more #20

                    T 1 Reply Last reply Reply Quote 0
                    • T
                      ticaki Developer @wendy2702 last edited by

                      @wendy2702
                      Ich hatte nicht in die issues rein geguckt, nur im code und gesehen das da Typescript vorbereitet wird.

                      1 Reply Last reply Reply Quote 0
                      • Frederik Buss
                        Frederik Buss @Ro75 last edited by

                        @ro75 Ich habe jetzt Deine Icon Konvertierung leicht angepasst und umgesetzt. Super gut - Damit konnte ich nun auch meine gebastelte ESP-Wetterstation im Gäste WC auf Openweather umstellen. IMG_9676.JPEG

                        Frederik Buss 1 Reply Last reply Reply Quote 1
                        • Frederik Buss
                          Frederik Buss @Frederik Buss last edited by Frederik Buss

                          Mir ist noch ein Bug aufgefallen, bzw. eine Anpassung, die gemacht werden muss, wenn auf Deutsch umgestellt wird:
                          Die Regenabfrage muss natürlich nach "regen" suchen und nicht nach "rain".

                                  const isRaining = weatherData.current.weather[0].description.toLowerCase().includes("regen");
                          
                          1 Reply Last reply Reply Quote 1
                          • Frederik Buss
                            Frederik Buss @Ro75 last edited by

                            @ro75 Mal ne andere Frage: Ich versuche gerade verzweifelt an die aktuelle Regenmenge ranzukommen. Problem ist, dass im Schüssel eine Zahl enthalten ist. Ein direkter Zugriff current.rain.1h funktioniert nicht. Leider reichen da meine rudimentären JSON Kenntnisse nicht aus. Hat jemand eine Idee?

                              "current": {
                                "dt": 1754829354,
                                "temp": 4.65,
                                "feels_like": 0.62,
                                "pressure": 1008,
                                "humidity": 95,
                                "dew_point": 3.92,
                                "uvi": 0.29,
                                "clouds": 100,
                                "visibility": 555,
                                "wind_speed": 5.61,
                                "wind_deg": 359,
                                "wind_gust": 7.82,
                                "weather": [
                                  {
                                    "id": 500,
                                    "main": "Rain",
                                    "description": "Leichter Regen",
                                    "icon": "10n"
                                  }
                                ],
                                "rain": {
                                  "1h": 0.4
                                }
                            
                            Ro75 C 2 Replies Last reply Reply Quote 0
                            • Ro75
                              Ro75 @Frederik Buss last edited by

                              @frederik-buss das nutze ich nicht. ist mir zu "extrem" ungenau / unbestimmt. Ich nutze hierfür den Netatmo-Crawler und habe mir eine Wetterstation mit Regenmesser in meiner "direkten" Nähe gesucht. Bin mit den Werten sehr zufrieden.

                              Ro75.

                              Frederik Buss 1 Reply Last reply Reply Quote 0
                              • Frederik Buss
                                Frederik Buss @Ro75 last edited by

                                @ro75 wieder was gelernt... Nimmst Du eine Wetterstation oder mehrere und bildest einen Mittelwert? Wenn ich das richtig verstehe, sind das private Netatmo Wetterstationen, die öffentlich ihre Daten teilen. Fallen da nicht regelmässig Stationen weg, weil ausgeschaltet oder Konfig geändert etc?

                                Ro75 1 Reply Last reply Reply Quote 0
                                • Ro75
                                  Ro75 @Frederik Buss last edited by

                                  @frederik-buss habe auch so eine Wetterstation, allerdings ohne Regensensor. Ich hatte mir zwei herausgesucht und die Werte verglichen. Die Daten sind nahezu "identisch". Am Ende habe ich mich dann für eine entschieden. Bisher ist nix weggefallen. Wenn du diesbezüglich dir Sorgen machst, arbeite mit Alias. Dann kannst du ggfs. umswitchen ohne Funktionen und Co anzupassen.

                                  Ro75.

                                  1 Reply Last reply Reply Quote 0
                                  • Frederik Buss
                                    Frederik Buss last edited by

                                    @ro75 OK Danke probier ich mal aus. Trotzdem würde mich interessieren, wie man den JSON Teil auslesen kann, der eine Zahl ("1h") als Schlüssel beinhaltet....?

                                    1 Reply Last reply Reply Quote 0
                                    • C
                                      CatShape @Frederik Buss last edited by CatShape

                                      @frederik-buss
                                      Beispiel:

                                      const stringJson = '{"current": {"rain": {"1h": 0.4}}}';
                                      const objWeather = JSON.parse(stringJson);
                                      const numberRain = objWeather.current.rain['1h'];
                                      

                                      gleichwertige Alternative:

                                      const stringJson = '{"current": {"rain": {"1h": 0.4}}}';
                                      const objWeather = JSON.parse(stringJson);
                                      const numberRain = objWeather['current']['rain']['1h'];
                                      
                                      1 Reply Last reply Reply Quote 0
                                      • First post
                                        Last post

                                      Support us

                                      ioBroker
                                      Community Adapters
                                      Donate

                                      520
                                      Online

                                      31.9k
                                      Users

                                      80.3k
                                      Topics

                                      1.3m
                                      Posts

                                      8
                                      31
                                      766
                                      Loading More Posts
                                      • Oldest to Newest
                                      • Newest to Oldest
                                      • Most Votes
                                      Reply
                                      • Reply as topic
                                      Log in to reply
                                      Community
                                      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                      The ioBroker Community 2014-2023
                                      logo