Article original : How to use Google Sheets as a JSON Endpoint

Par Clark Jason Ngo

MISE À JOUR : 13/05/2020 - Les étapes de la Nouvelle Boîte de Dialogue de Partage sont disponibles ci-dessous.

Merci Erica H !

Êtes-vous en train de construire une application web dynamique prototype et avez besoin de collaborer avec des non-développeurs ?

J'ai déjà participé à un hackathon et j'ai vécu l'expérience de participer avec la connaissance de comment développer une application, mais j'ai manqué de compétences ou de temps pour implémenter une application web full-stack dans le sprint de 3 jours. À cette époque, mes compétences étaient bien trop faibles pour aider et j'ai été mis de côté pour regarder des tutoriels et étudier HTML et CSS.

Le résultat ? J'ai beaucoup appris, mais j'aurais souhaité pouvoir contribuer davantage.

Image

Lors de l'un des hackathons auxquels j'ai récemment participé, j'ai rencontré un problème similaire. Cette fois-ci, je n'étais pas le débutant. J'avais des non-ingénieurs qui voulaient aider à construire notre application web prototype. Heureusement, nous sommes tombés sur Google Spreadsheets comme moyen pour nos non-ingénieurs de créer une maquette de notre base de données et de permettre aux développeurs back-end de se connecter au point de terminaison JSON de Google Sheets et de le parser.

Avec ce guide, vous serez en mesure de :

  1. Créer une feuille de calcul dans Google Spreadsheets.
  2. Publier la feuille de calcul sur le web.
  3. Générer un point de terminaison JSON.
  4. Ouvrir la feuille de calcul pour une collaboration publique.
  5. Transmettre le point de terminaison JSON à votre développeur back-end.

Après ce tutoriel, vous serez en mesure de rejoindre des équipes et de dire : "Je peux aider avec le back-end !".

Image

Section 1 : Créer une feuille Google Sheets

Étape 1 :

Allez sur Google Sheets

Étape 2 :

Créez une nouvelle feuille de calcul

Image

Section 2 : Publier votre Google Sheets sur le web

Note : Nouvelle boîte de dialogue de partage mise à jour au 13/05/2020, située après l'Étape 2.

Étape 1 :

Cliquez sur Fichier > Publier sur le web

Image

Étape 2 :

Cliquez sur Publier, puis sur OK

Image

Étape 3 :

Aucune action nécessaire ici

Image

MISE À JOUR : 13/05/2020 - Nouvelle Boîte de Dialogue de Partage

Étape 1 :
Cliquez sur Partager

Image

Étape 2 :

Cliquez sur "Changer pour toute personne disposant du lien"

Image

Étape 3 :

Cliquez sur "Terminé"

Image

Section 4 : Utiliser votre Google Sheets comme point de terminaison JSON

Étape 1 :

Copiez l'URL du modèle et collez-la dans la barre d'adresse :

https://spreadsheets.google.com/feeds/cells/YOURGOOGLESHEETCODE/SHEETPAGENUMBER/public/full?alt=json

Étape 2 :

Allez dans votre Google Sheets ouvert et vérifiez la barre d'adresse

Image URL de Google Sheets

Image Code de Google Sheets

Étape 3 :

Allez à l'URL du modèle et remplacez

  • YOURGOOGLESHEETCODE par _1ifbWzueslEP5-_ysP6gg7oNaHQmqF8LlXBfStCwFMs
  • SHEETPAGENUMBER par 1

Étape 4 :

Récupérez l'URL JSON

https://spreadsheets.google.com/feeds/cells/1ifbWzueslEP5-_ysP6gg7o_NaHQmqF8LlXBfStCwFMs/1/public/full?alt=json

Image Résultat de l'URL JSON

Section 5 : Rendre votre Google Sheets public (pour la collaboration et la saisie de données)

Étape 1 :

En haut à droite, cliquez sur Partager

Image

Étape 2 :

Ajoutez un nom, cliquez sur Enregistrer

Image

Étape 3 :

Cliquez sur Avancé

Image

Étape 4 :

Cliquez sur Changer

Image

Étape 5 :

Cliquez sur On  Public sur le web, puis sur Enregistrer

Image

Problèmes courants :

Si vous recevez la réponse ci-dessous, veuillez vérifier votre URL et assurez-vous d'utiliser le code Google Sheets dans la barre d'adresse.

Image

Si vous recevez la réponse ci-dessous, veuillez revenir à la Section 2 : Publier votre Google Sheets sur le web.

Image

Clark Jason Ngo - Assistant d'Enseignement Diplômé - Institut de Technologie - City University of Seattle |
_Rejoignez LinkedIn * Passionné de former de nouveaux développeurs logiciels. Compétences Techniques : Git, MVC, JavaScript, NodeJS, ReactJS_www.linkedin.com