n°26
Récupérer et afficher des singletons avec l'API REST de Cockpit
Javascript, Web
13 avr 2020

Cette fonction ajoute au DOM de la page le contenu d'un singleton Cockpit. Il sera intégré à l'intérieur d'un élément HTML pré-existant, qui servira de conteneur. On passe uniquement le nom du singleton et le container à la fonction. Attention, dans cet exemple, le singleton ne doit contenir qu'un seul champ appelé content. Ne pas oublier de remplacer l'adresse menant vers votre installation de Cockpit et votre jeton (ou token, en anglais) pour l'API.

function printSingleton(container, singleton) { //supports only: singleton with one HTML field named "content"
  if(ajaxReady) {
    ajaxReady = false;

    console.log("Printing singleton : ", singleton);

    // Prepare Request
    var request = new XMLHttpRequest();
    request.open('POST', 'https://YOURWEBISTE.COM/COCKPIT/singletons/get/' + singleton + '?token=YOUR_TOKEN', true);
    request.onload = function() {
      var data = JSON.parse(this.response);

      if (request.status >= 200 && request.status < 400) {

        container.innerHTML = data.content;

        ajaxReady = true;

      } //end request if status=OK
      else { // error management, doesn't seem to work
        console.log("Cannot load singleton.");
        var error = document.createElement("div");
        error.textContent("Impossible de charger l'élément.");
        container.appendChild(error);
      }
    } // end request function

  // Send request
  request.setRequestHeader('Content-Type', 'application/json');
  request.send();

  } // end if ajaxReady
} // end function

Pour que la requête puisse être autorisée, il faudra également configurer l'API de Cockpit (Settings > API Access > Rules) en y ajoutant la règle suivante :

/api/singletons/get

corentin héraud-louisadat

architecte & développeur
75018 Paris
heraud-arobase-laponies-point-fr

*1992, Strasbourg

Diplômé d'état en 2016 de l'ENSA Paris-Malaquais et de la RWTH Aachen puis habilité à maîtrise d'oeuvre en nom propre (HMONP) en 2019, j'ai travaillé pour diverses agences telles que Nicolas Reymond architectes urbanistes, Dietmar Feichtinger architectes ou Julian Breinersdorfer. Je développe sur mon temps libre des applications pour le Web et la 3D. Vous pouvez également consulter l'archive des travaux laponies.fr ainsi que la carte des bonnes adresses.

Amis, famille et blogroll : Anaïs Héraud-Louisadat, Héraud–Baumann, Till Baumann, Anne-Claire Héraud, La Boucle.

alsace europe