inch ca marche
This commit is contained in:
parent
1a54e9d489
commit
6377e5106a
|
@ -0,0 +1 @@
|
||||||
|
node_modules
|
|
@ -0,0 +1,4 @@
|
||||||
|
(1) clone github
|
||||||
|
(2) cd BVS-study
|
||||||
|
(3) npm install
|
||||||
|
(4) nodemon server.js
|
|
@ -22,11 +22,11 @@ async function main() {
|
||||||
});
|
});
|
||||||
|
|
||||||
// Route de récupération des données.
|
// Route de récupération des données.
|
||||||
app.post('/data', async function(req, res) {
|
app.post('/outputs', async function(req, res) {
|
||||||
let id = uuid();
|
let id = uuid();
|
||||||
|
|
||||||
// Ouverture du fichier en mode append.
|
// Ouverture du fichier en mode append.
|
||||||
let file = await fs.open(__dirname + '/data/' + id + '.json', 'a');
|
let file = await fs.open(__dirname + '/outputs/' + id + '.json', 'a');
|
||||||
|
|
||||||
// Ajout d'une ligne.
|
// Ajout d'une ligne.
|
||||||
file.write(JSON.stringify(req.body, undefined, 4));
|
file.write(JSON.stringify(req.body, undefined, 4));
|
||||||
|
@ -38,7 +38,7 @@ async function main() {
|
||||||
// Création du dossier où les données seront stockées.
|
// Création du dossier où les données seront stockées.
|
||||||
try {
|
try {
|
||||||
|
|
||||||
await fs.mkdir(__dirname + '/data');
|
await fs.mkdir(__dirname + '/outputs');
|
||||||
|
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
// Si une erreur existe autre que "le dossier existe déjà", on stoppe le serveur.
|
// Si une erreur existe autre que "le dossier existe déjà", on stoppe le serveur.
|
||||||
|
|
|
@ -432,7 +432,7 @@ function animate() {
|
||||||
// Création de la requête HTTP à envoyer au serveur.
|
// Création de la requête HTTP à envoyer au serveur.
|
||||||
let xhr = new XMLHttpRequest();
|
let xhr = new XMLHttpRequest();
|
||||||
// Préparation de la requête pour l'envoi en POST vers l'url.
|
// Préparation de la requête pour l'envoi en POST vers l'url.
|
||||||
xhr.open('POST', '/data');
|
xhr.open('POST', '/outputs');
|
||||||
// Si on envoie les données de manière classique, il faut configurer le header de cette façon.
|
// Si on envoie les données de manière classique, il faut configurer le header de cette façon.
|
||||||
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
|
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
|
||||||
// Ajout du listener pour déclencer la suite lorsque la requête sera terminée.
|
// Ajout du listener pour déclencer la suite lorsque la requête sera terminée.
|
||||||
|
|
|
@ -1,33 +0,0 @@
|
||||||
// On récupère l'élément HTML dont l'id est username (champ que l'utilisateur va remplir).
|
|
||||||
let usernameInput = document.getElementById('username');
|
|
||||||
|
|
||||||
// On récupère l'élément HTML dont l'id est button (bouton à cliquer pour valider la requête).
|
|
||||||
let button = document.getElementById('button');
|
|
||||||
|
|
||||||
// Ajout du listener pour déclencher le traitement lorsque le bouton est cliqué.
|
|
||||||
button.addEventListener('click', function() {
|
|
||||||
|
|
||||||
// Création de la requête HTTP à envoyer au serveur.
|
|
||||||
let xhr = new XMLHttpRequest();
|
|
||||||
|
|
||||||
// Préparation de la requête pour l'envoi en POST vers l'url.
|
|
||||||
xhr.open('POST', '/data');
|
|
||||||
|
|
||||||
// Si on envoie les données de manière classique, il faut configurer le header de cette façon.
|
|
||||||
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
|
|
||||||
|
|
||||||
// Ajout du listener pour déclencer la suite lorsque la requête sera terminée.
|
|
||||||
xhr.onreadystatechange = function() {
|
|
||||||
|
|
||||||
// Si la requête est terminée, et que la réponse n'est pas une erreur.
|
|
||||||
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
|
|
||||||
|
|
||||||
console.log(xhr.responseText);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Envoi de la requête vers le serveur, avec les données.
|
|
||||||
xhr.send('username=' + usernameInput.value);
|
|
||||||
});
|
|
|
@ -1 +0,0 @@
|
||||||
coucou
|
|
Loading…
Reference in New Issue