Discussion :

[olibouti]

Bonjour,


J'ai crée un page web sur laquelle je récupère des données de google sheet en déployant ma feuille googlesheet comme une application (méthode doGet) et en récupérant les données sur ma page web avec la méthode fetch.
Je souhaite à présent faire l'inverse : déposer des données depuis mon formulaire web sur google sheet.
Est-ce que cela est possible... et comment ?

Je précise que je suis super débutant...

Merci d'avance pour vos réponses !

[gervais.b]

Bonjour,

Le plus simple serait peut-être d'utiliser Apps Script. Il y à une API native pour manipuler les spreadsheets de Google. Et vous pouvez exposer un point d'entrée Web.

+ https://www.google.com/script/start/
+ https://developers.google.com/apps-script/guides/web
+ https://developers.google.com/apps-script/guides/sheets

[olibouti]

Bonjour,

Merci pour votre réponse.
C'est ce que j'ai fait pour récupérer les données.
mon script fonctionne (ci-dessous). Ce que je comprends pas, c'est comment exécuter la fonction 'doPost' depuis le formulaire de mon site web.

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
function doGet() {
 
 
var ss = SpreadsheetApp.getActiveSpreadsheet();
  var sheet = ss.getSheetByName("Feuille 1");
  var data = sheet.getDataRange().getValues();
  var crow = sheet.getLastRow();
  var currentObject = [];
  var output = currentObject;
  for (var i = 1; i < crow; i++) {
    if (data[i][0]) {
      currentObject.push(data[i]);
    }
  }
  Logger.log(JSON.stringify(output));
  return ContentService.createTextOutput(JSON.stringify(output)).setMimeType(ContentService.MimeType.JSON);
}
 
 
 
 
 
function doPost(e) {
   var ss = SpreadsheetApp.openByUrl ("");  
   var sheet = ss.getSheetByName ("Feuille 1");    
   addUser (e, sheet);
 
}
 
function addUser (e, sheet) { 
   var form1 = e.parameter.form1 ;   
   var form2 = e.parameter.form2 ;  
      sheet.appendRow ([form1,form2]);
}

[gervais.b]

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function doPost(e) {
   var ss = SpreadsheetApp.openByUrl ("");  
   var sheet = ss.getSheetByName ("Feuille 1");    
   addUser (e, sheet);
 
}
 
function addUser (e, sheet) { 
   var form1 = e.parameter.form1 ;   
   var form2 = e.parameter.form2 ;  
      sheet.appendRow ([form1,form2]);
}

Alors il faut que vitre formulaire ressemble un peu à ceci:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<form action="URL_VERS_VOTRE_APP_SCRIPT" method="POST">
  <input name="form1" />
  <input name="form2" />
</form>

On spécifie action pour pointer vers votre "web app App Script" et method pour que ce soit un "POST" (qui sera géré par doPost).

[olibouti]

Bonjour,

Parfait, ça fonctionne ! c’était aussi simple que ça
Merci beaucoup pour vos réponses.
Par contre, qu'en j'envoie le formulaire, cela ouvre une page googleappscript qui m'indique que le script est terminé mais aucune réponse n'a été obtenue.
Est-il possible de bloquer l'ouverture de cette page?

[gervais.b]

La page s'ouvre car le formulaire est une sorte de "lien html" qui envoie vers la page décrite dans "action". Si vous ne voulez pas cet effet, il faut:

+ soit que le "doPost" de votre script retourne vers la page d'origine (fasse une redirection http)
+ soit que vous utilisez un appel Ajax qui n'influencera pas directement le contenu de votre page

[olibouti]

Merci, je vais tenter ça...