Se connecter à Airtable

Vous pouvez connecter votre application à une base Airtable pour afficher et envoyer des données.

Connecter votre app à Airtable

Dans cet article

Créer un compte Airtable 

Airtable est une solution SaaS mêlant tableur, base de données et gestion de projet. Airtable permet tout simplement de gérer de manière hybride un grand nombre de données, et pas seulement des chiffres : numéro de téléphone, dates, code-barres, photos... Son utilisation simple, intuitive et souvent gratuite en fait un outil incontournable de l'écosystème no code. 

👉Vous devrez créer un compte gratuit sur Airtable :  https://airtable.com/signup

Structurer la base

Après la procédure d'inscription, créez une nouvelle base de données en cliquant sur  Add a base.

Structurez vos données au sein d'une table, en ajoutant des champs (Fields) pour chaque type de donnée. 

Vous pouvez personnaliser le type de champs (Field type) :

Vous pouvez importer vos données depuis un fichier .csv, Microsoft Excel ou Google Sheets : 

👉Pour plus d'informations sur Airtable, consultez le centre d'aide : https://support.airtable.com/


Se connecter à l'API

Maintenant que votre base Airtable est prête, il faut effectuer la connexion entre cette base et votre application en utilisant l'API d'Airtable. 

Insérer le composant HTTP

La connexion à une API s'effectue grâce au composant HTTP.

Cliquez sur  Composants et insérez un composant HTTP

💡 Placez ce composant dans l'avant-plan pour qu'il soit persistent et puisse être utilisé depuis n'importe quel écran de l'application.

Personnalisez la requête API

Dans la fenêtre  Propriétés, ajoutez les paramètres de l'API.

URL

Rendez-vous dans le menu HELP sur  API Documentation pour récupérer l'URL de l'API.

Sélectionnez votre  Table sur la gauche et cliquez sur List Records

Copiez-collez l'URL de l'API (tout ce qui se situe depuis le  https: jusqu'au "?" sans inclure le "?". Le reste des informations correspond à des Chaînes d'interrogation / Query String qui seront spécifiés plus bas.)

Exemple d'URL de l'API : 

https://api.airtable.com/v0/appIGPMYLUbwWCCbZ/Table%201

En-tête

Dans le champ En-tête cliquez sur + Ajouter.

Ajouter  Authorization comme clé et Bearer YOUR_API_KEY comme valeur. 

Remplacez YOUR_API_KEY est votre clé API personnelle. Pour trouver votre clé API personnelle, rendez-vous dans votre compte. 

Méthode

Le composant HTTP permet d'envoyer ou de recevoir de la donnée grâce à différentes méthodes disponibles. 

Si vous souhaitez requêter de la donnée, sélectionnez la méthode  GET. Si vous souhaitez en envoyer, choisissez la méthode POST.

Gestion du cache 

La mise en cache vous permet de réutiliser efficacement des données de l'API précédemment récupérées ou traitées. Choisissez parmi les options suivantes : 

  • Aucun cache : l'application fera un appel réseau et ne lira pas le cache
  • Cache en premier : l'application recherche le résultat dans le cache avant de faire une requête au réseau.
  • Réseau et cache : l'application retournera le contenu du cache mais fera tout de même la requête afin de le mettre à jour. Cette option permet d’avoir une réponse rapide.

L'option  Cache persistant permet de conserver le cache même après la fermeture de l'application.

Tester la requête 

Maintenant que votre connexion API est configurée, vérifiez que tout fonctionne correctement et que les données sont bien remontées.

Double-cliquez sur le composant HTTP dans la liste des Objets.

Cliquez sur le bouton  Test Request pour lancer une requête.

Les résultats de votre requête apparaissent : si les données brutes s'affichent, l'API a été correctement configurée. En consultant les résultats, vous visualisez la manière dont vos données sont structurées. 


Afficher les données

Généralement vous souhaitez afficher une collection.

Grâce au composant Collection et au data binding, vous pouvez afficher les champs de votre choix.

Pour en savoir plus : Afficher une collection 


Lancer la requête

Il vous faut désormais automatiquement lancer la requête à l'API, par exemple à l'affichage de l'écran.

Dans ce cas, sélectionnez l'écran et cliquez sur   Actions.

Sélectionnez    Affichage courant Agir sur composant > Composant HTTP > Lancer la requête

Vous avez encore besoin d'aide ? Contactez-nous Contactez-nous