Adding windy Tile in a leaflet environment

[kalkal]

Hello everyone,
I found two topics having issues looking like mine but none got answsered.
I have a project running under leaflet (and vue js).
I want to add windy wind tile in Leaflet. So I did this :

tileProviders: [
        { // openStreetMapTile
          id: "1",
          name: "Default",
          url: "https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png",
          attribution:
            "© Openstreetmap France | © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors",
          maxNativeZoom: 17
        },
        { // what I tried  to display the tile I wanted
          id: "2",
          name: "Windy",
          url:
            "https://tiles-s.windy.com/tiles/v9.0/darkmap-retina/{z}/{y}/{x}",
          attribution:
            "Windy",
          maxNativeZoom: 17,
          apikey: 'myWindiAPI',
        }

It didn't work. The tile was not displayed. When I check the network tab, I have 302 message.
I hope there's someone who can guide me here

[marekd]

@kalkal Unfortunately, Windy does not provide only tiles. You must use the official API way documented here: https://api.windy.com/

[kalkal]

Thank you for your answer. I will try to manage the integration of windy in Vue