[WebApp] Réservation à un événement

Guide d'installation du script

Résultat :

WebApp :

Base de données :

Préambule :

Pour le bon fonctionnement de ce script, nous aurons besoin de récupérer l’identifiant du dossier pour regrouper les QR Codes et l’identifiant de votre fichier Sheets copié.

Pour trouver l’identifiant de votre dossier Drive :

Allez dans le dossier que vous souhaitez utiliser pour regrouper les QR Codes
Dans la barre d’URL, l’URL de votre dossier sera similaire à celle-ci :
https://drive.google.com/drive/folders/XXXXXXXX
XXXXXXXX est l’identifiant de votre dossier Drive

Pour trouver l’identifiant du fichier Sheets :

Allez sur votre fichier Sheets copié
Dans la barre d’URL, l’URL de votre fichier sera similaire à celle-ci : https://docs.google.com/spreadsheets/d/XXXXXXX/edit#gid=958254004
XXXXXXX est l’identifiant de votre fichier Sheets

Etapes d’installation :

Cliquez sur ce lien
Sélectionnez “Créer une copie”. Le fichier sera alors déposé dans votre Drive
Patientez quelques secondes le temps du chargement complet du fichier
Allez dans le menu “Extensions” de ce fichier Sheets copié
Sélectionnez “Apps Script”. L’éditeur “Apps Script” s’ouvre.
Verifiez que la page s’ouvre sur le fichier Server.gs
- Si oui, continuez
- Si non, cliquez dessus à gauche de votre page
Créez un dossier pour les QR codes (le nom n’est pas important mais nommez le de façon à pouvoir le retrouver facilement) dans votre Drive
Remplacez (ligne 70) {{ ID DU DOSSIER QR CODE }} par l’identifiant du dossier que vous venez de créer (remplacez aussi les accolades et mettez entre guillemets).
Sauvegardez le script en faisant CTRL + S ou en cliquant sur le bouton en forme de disquette en haut à gauche de votre page
Cliquez sur le fichier conf.gs et modifiez la constante “spreadsheet”
Remplacez dans cette constante {{ ID DU FICHIER }} par l’identifiant de votre fichier Sheets copié (remplacez aussi les accolades et mettez entre guillemets).
Sauvegardez le script
Cliquez sur le bouton bleu « Déployer » en haut à droite de votre page (l’éditeur Google Apps Script)
Une liste déroulante s’affiche
Cliquez sur « Nouveau déploiement » dans la liste déroulante
Une boîte de dialogue s’affiche
Si rien n’est affiché dans cette boîte de dialogue (renseigner une description et les différentes options liées à l’application web faites les sous-étapes suivantes. Sinon allez à la prochaine étape.
- Cliquez sur la roue crantée située à côté du texte « Sélectionnez le type »
- Une liste déroulante s’affiche
- Cliquez sur « Application Web »
Vous pouvez renseigner une description de votre webApp
Pour le champ « Exécuter en tant que » choisissez : “Moi” (Cela peut déjà être mis par défaut)
Pour le champ « Qui a accès » choisissez : “Tout le monde”
Cliquez sur « Déployer »
Acceptez les droits : cliquez sur le bouton bleu “Autoriser l’accès” et sélectionnez votre compte Google
Chrome bloque parfois les pop-ups, si la fenêtre des autorisations ne s’affiche pas, dans votre barre d’URL, tout à droite, vous verrez apparaître cet icôneCliquez dessus et cliquez sur “toujours autoriser les redirections de pop-up” puis cliquez sur “OK”. La fenêtre s’affichera. Acceptez les droits
Les informations relatives à votre webApp s’affichent dans la même boîte de dialogue
Copiez l’URL de votre application web (un bouton est situé en dessous de l’URL dans la boîte de dialogue et permet de copier l’URL en un clic)
Retournez dans le code
Remplacez, ligne 62 du fichier Server.gs, {{ ID DE LA WEBAPP }} par l’URL précédemment copiée de votre webApp (remplacez aussi les accolades et mettez entre guillemets).
Sauvegardez le script
Cliquez sur le bouton bleu « Déployer » en haut à droite de votre page (l’éditeur Google Apps Script)
Cliquez sur “Gérer les déploiements”
Une boîte de dialogue s’ouvre
Cliquez sur le crayon en haut à droite de cette boîte de dialogue
Cliquez sur la première liste déroulante (version)
Cliquez sur “Nouvelle version”
Cliquez sur le bouton bleu “Déployer” en bas à droite de la boîte de dialogue
Cliquez sur le lien contenant l’URL de votre webApp pour la visualiser (ou copiez le lien et collez le dans la barre d’URL d’un nouvel onglet)

Téléchargez le script

* Téléchargez ce script nécessite un abonnement Numeriblog Premium

Bibliothèque

Apps Script

Calendar

Docs

Drive

Forms

Gmail

Groups

Gérer les Google Groups

Sheets

Slides