why does this call of open-meteo api not work?

[HFolkertH]

hi Renaud,

Some help is needed. I have another API and calling it works as expected . But this weather-api.update() does nothing. Why?

{
  "cid": "index",
  "type": "ContainerView",
  "dataType": "object",
  "layout": "block",
  "components": [
    {
      "cid": "weather-api",
      "type": "HttpConnector",
      "method": "GET",
      "eventHandlers": [],
      "baseUrl": "https://api.open-meteo.com/v1/forecast?latitude=48.85&longitude=2.35&daily=weathercode,temperature_2m_max,temperature_2m_min&timezone=Europe/Berlin",
      "resultType": "JSON",
      "dataType": "object"
    },
    {
      "cid": "button-0",
      "type": "ButtonView",
      "dataSource": "$parent",
      "label": "get the weaster",
      "buttonType": "button",
      "eventHandlers": [
        {
          "global": false,
          "name": "@click",
          "actions": [
            {
              "targetId": "weather-api",
              "name": "update",
              "description": "Default action"
            }
          ]
        }
      ],
      "disabled": null,
      "icon": "brightness-high-fill",
      "class": "bg-success"
    },
    {
      "cid": "textarea-0",
      "type": "TextareaView",
      "dataType": "string",
      "size": "default",
      "eventHandlers": [],
      "dataSource": "=`weather-api`.weathercode"
    }
  ],
  "defaultValue": "={}",
  "eventHandlers": []
}

[renaudpawlak]

Weird, it seems like the service returns "Transfer-Encoding: chunked" header... Not sure what it means but it appears to mess up the response handling. I will investigate ASAP.

[renaudpawlak]

Ok. I have made a fix. You API used a Transfer-Encoding header that is not appreciated by the browser :)

Also, you should check "the use proxy" checkbox to avoid CORS problems and it should work just fin. My component just in case:

{
  "cid": "index1",
  "type": "ContainerView",
  "dataType": "object",
  "layout": "block",
  "components": [
    {
      "cid": "weather-api",
      "type": "HttpConnector",
      "method": "GET",
      "eventHandlers": [],
      "baseUrl": "https://api.open-meteo.com/v1/forecast?latitude=48.85&longitude=2.35&daily=weathercode,temperature_2m_max,temperature_2m_min&timezone=Europe/Berlin",
      "resultType": "JSON",
      "dataType": "object",
      "proxy": true
    },
    {
      "cid": "button-0",
      "type": "ButtonView",
      "dataSource": "$parent",
      "label": "get the weaster",
      "buttonType": "button",
      "eventHandlers": [
        {
          "global": false,
          "name": "@click",
          "actions": [
            {
              "targetId": "weather-api",
              "name": "update",
              "description": "Default action"
            }
          ]
        }
      ],
      "disabled": null,
      "icon": "brightness-high-fill",
      "class": "bg-success"
    },
    {
      "cid": "textarea-0",
      "type": "TextareaView",
      "dataType": "string",
      "size": "default",
      "eventHandlers": [],
      "dataSource": "=`weather-api`.weathercode"
    }
  ],
  "defaultValue": "={}",
  "eventHandlers": []
}

[HFolkertH]

Hi Renaud,

Thanks. It worked!
I only had to change "dataSource": "=weather-api.weathercode" to "dataSource": "=$d(weather-api).weathercode"

Folkert