[A21] Comment créer une nouvelle requète html dans le serveur

Si jamais vous vous trouvez dans une situation ou vous voullez rediriger une requète vers une autre page mais que les paramètres ou le body de l'ancienne requète ne contient pas les données necessaire pour être traité sans erreurs dans la route de la page, vous pouvez créer une nouvelle requéte contenant les données necéssaire avec le module "axios".

Instalation de axios
Assurez-vous que vous installez axios avant de l'implémenter dans votre code! axios est un module qui doit être installé dans votre espace de travail.

Code:


npm install axios --save


Comment ça marche?
Axios permet de configurer et de construire des requètes get et post à l'intérieur de votre code. Ces requètes peuvent être autant dirigé sur votre serveur que vers d'autre sites pour des requète API. Nous ne parlerons malheureusement pas des API ici. Je n'est pas encore expérimenté dans ce sense avec axios. Axios contient une biblithèque très longue et complexe mais nous parlerons que des méthode get et post ici.

Comment structurer le code?
Axios peut étre construit avec les méthodes then() et catch() pour permettre de réagir à la réponse à la réquète et attraper les erreurs s'ils ont lieus.

Voici la structure de base:

Code:


/* Appel de la bibliothéque comme ressource utile au programme. */
var axios = require('axios').default;

/* Méthode post */
axios.post('/* route ou url visé */', {
    /* variable qui seras contenu dans res.body */
    nomParam1: param1,
    nomParam2: param2
})
.then(function (response) {
    /* Affiche l'état de la réponse dans la console. */
    console.log(response.statusText);

    /* Lorsque vous redirigé un post, il faut spécifier le status à 307 car res.redirect() utilise get par défault. */
    res.redirect(307, "/autrepage");
})
.catch(function (error) {
    /* Traite les erreurs lancer par axios. */
    console.log(error);
});

/* Méthode get */
axios.get('/adresse?nomParam=param')
/* Ou */
axios.get('adresse', {
    params: {
    nomParam: param
    }
})
.then(function (response) {
    /* Affiche l'état de la réponse dans la console. */
    console.log(response.statusText);

    /* Lorsque vous redirigé un post, il faut spécifier le status à 307 car res.redirect() utilise get par défault. */
    res.redirect(307, "/autrepage");
})
.catch(function (error) {
    /* Traite les erreurs lancer par axios. */
    console.log(error);
})


Pour le reste, vous pouvez lire la documentation sur le module: https://axios-http.com/docs/intro
Les possibilitées de configuration sont nombreuses et les réponses reçus sont pleines d'informations. Je ne connait pas axios énormément mais je crois fermement qu'il permet une liberté presque totale sur la création de requètes pour répondre à toutes sortes de besoins.
Ce module pourrais être un atout très considérable pour la gestion de requète html dans un serveur.

Voila, j'espère que ce post a pu vous aider!
Merci et au revoir.

[Jimmy]