poster un formulaire sur spreadsheet

Version imprimable

27/07/2022, 16h54
olibouti

poster un formulaire sur spreadsheet

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 !
28/07/2022, 13h36
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

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:

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]);
}

Citation:
Envoyé par olibouti
Code:

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:

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).

29/07/2022, 09h31
olibouti

Bonjour,

Parfait, ça fonctionne ! c’était aussi simple que ça :oops:
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?
29/07/2022, 16h47
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
30/07/2022, 19h14
olibouti

Merci, je vais tenter ça...