Configuration de l'API pour une application React

  • 1 replies
  • 1721 views
Configuration de l'API pour une application React
« le: 28 Janvier 2020 à 10:40:02 »
Bonjour à tous,

Nous sommes en train d'essayer de développer une nouvelle version de notre webradio : http://www.radiobam.org/ avec le framework nextJs et la librairie Reactjs.

Malheureusement, je n'arrive pas à récupérer les metadonnées accessibles ici :
http://176.175.17.23:8001/7.html

J'ai essayé de faire une requête de type get avec l'api fetch :
const params = {
      method: 'GET',
      headers: { 'Access-Control-Allow-Origin': '*' },
    };
    fetch('http://176.175.17.23:8001/7.html', params).then(res => console.log(res));

J'ai également essayé la même methode avec votre API :
fetch('http://api.3.5.2.webradio.tools/176.175.17.23:8001/stream')

Dans les deux cas je n'ai pas accès à la réponse.

En fetchant directement l'API ShoutCast, je reçois "net::ERR_INVALID_HTTP_RESPONSE" et ma demande a un statut "failed".
Dans les logs de ShoutCast, je vois :
ERROR   [SRC 176.175.7.44:61685 sid=1] SHOUTcast 1 source connection denied. Bad password: OPTIONS /7.html HTTP/1.1
J'ai essayé également de renseigner mes identifiants à la request, sans succès.

Lorsque j'essaie d'utiliser votre API, je reçois dans mon navigateur :
net::ERR_EMPTY_RESPONSE

et ne vois rien dans les logs ShoutCast.

Si vous aviez une piste de reflexion voire une solution, vous sauveriez ma journée (passé à faire le tour de google à en chercher).

Merci beaucoup pour votre aide,
Timothée



*

Hors ligne Bahanos

  • *****
  • 133
  • Président Directeur Général chez Caramania.Ca
    • Voir le profil
    • Caramania.Ca: Hébergement et Solutions Internet
Re : Configuration de l'API pour une application React
« Réponse #1 le: 28 Janvier 2020 à 15:06:30 »
Avez-vous décodé les informations reçues de l'API en JSON avant de renvoyer le résultat ?

L'API récupère bien les données > http://api.3.5.2.webradio.tools/176.175.17.23:8001/stream

J'ai trouvé ce bout de code ... je ne c'est pas si cela peut vous donner une piste...

const params = 'http://api.3.5.2.webradio.tools/176.175.17.23:8001/stream'
async function fetcher() {
  const res = await fetch(params)
  const json = await res.json()
  return json
}
Cordialement, Moi !!! ^^
Bahanos.Ca | UturnRadio.Com
---------------------------------