Intégration de Supabase avec Adalo : Étape par étape

Vous voulez combiner Adalo's générateur d'applications sans code avec Supabase's backend puissant ? Adalo est un générateur d'applications sans code pour les applications web pilotées par base de données et les applications natives iOS et Android, une seule version sur les trois plates-formes, publiée sur l'App Store Apple et Google Play. Ce guide vous montre exactement comment connecter les deux plates-formes, ce qui vous permet de gérer des données complexes et de faire évoluer votre application efficacement.

• Exigences d'Adalo: Vous avez besoin d'un plan Professionnel, Équipe ou Entreprise (à partir de 52 $/mois) pour utiliser les Collections externes.
• Configuration de Supabase: Créez votre base de données avec des clés primaires numériques (pas des UUID), activez la sécurité au niveau des lignes (RLS) et configurez l'accès aux API.
• Étapes d'intégration: Utilisez l'API de Supabase avec la fonctionnalité Collections externes d'Adalo pour récupérer, mettre à jour et gérer les données directement dans votre application. API REST : Supabase offre une authentification utilisateur basée sur le courrier électronique intégrée, que vous pouvez intégrer à la fonctionnalité Base de données utilisateurs externes d'Adalo.
• AuthentificationCe guide étape par étape couvre tout, de la configuration des API aux tests d'authentification, garantissant une connexion fluide entre les deux plates-formes. Prêt à rendre votre application pilotée par les données ? Commençons.

Processus complet de configuration de l'intégration Supabase-Adalo

Adalo Partie d'intégration 1 Supabase Pour connecter Supabase à Adalo, vous avez besoin de comptes sur les deux plates-formes et de quelques détails clés. Tout d'abord, assurez-vous que vous êtes abonné à un plan payant, car la fonctionnalité Collections externes requise pour cette intégration n'est pas disponible sur les niveaux Gratuit ou Démarrage. Le plan Professionnel est facturé à

Ce dont vous avez besoin avant de commencer

et comprend une utilisation illimitée, sans limites sur les actions, les utilisateurs, les enregistrements ou le stockage. plan Adalo Professionnel, Équipe ou EntrepriseDu côté de Supabase, vous avez besoin d'un projet avec au moins une table de base de données configurée. Deux informations clés sont essentielles : votre 36 $/mois URL du projet

clé service_role , toutes deux accessibles depuis le tableau de bord Supabase. Ces identifiants sont essentiels pour authentifier la connexion et gérer l'accès à la base de données. et Assurez-vous de stocker vos clés API dans un gestionnaire de mots de passe sécurisé immédiatement, car elles accordent un accès étendu à votre base de données et ne peuvent être visibles qu'une seule fois pour des raisons de sécurité. Avec ces préparatifs en place, vous êtes prêt à configurer votre compte Supabase.Configuration de votre compte Supabase

Commencez par visiter le site web de Supabase et créer un compte gratuit. Une fois connecté, créez une

organisation

puis un nouveau projet au sein de cette organisation. Ce projet servira de centre pour vos tables de base de données et vos paramètres d'authentification. projet Une fois que votre projet est initialisé (généralement dans les deux minutes), allez à la

section Paramètres API dans la barre latérale gauche et sélectionnez. Ici, vous trouverez votreURL du projet et clé service_role , toutes deux accessibles depuis le tableau de bord Supabase. Ces identifiants sont essentiels pour authentifier la connexion et gérer l'accès à la base de données. et Assurez-vous de stocker vos clés API dans un gestionnaire de mots de passe sécurisé immédiatement, car elles accordent un accès étendu à votre base de données et ne peuvent être visibles qu'une seule fois pour des raisons de sécurité. Avec ces préparatifs en place, vous êtes prêt à configurer votre compte Supabase.— copiez les deux pour utiliser dans la configuration des Collections externes d'Adalo.

Avant de quitter Supabase, créez une table de base de données avec une clé primaire numérique et ajoutez un enregistrement de test. Le connecteur API d'Adalo s'appuie sur des données réelles pour détecter les types de champs, donc les tables vides ne seront pas mappées correctement pendant la configuration. Gardez à l'esprit qu'Adalo ne supporte pas les identifiants basés sur UUID, qui sont les paramètres par défaut de Supabase. Pour assurer la compatibilité, configurez vos tables avec des clés primaires numériques comme int8 ou bigint.

Configuration de votre compte Adalo

Ada, le créateur IA d'Adalo, vous permet de décrire ce que vous voulez et génère votre application. Magic Start crée des fondations d'applications complètes à partir d'une description, tandis que Magic Add ajoute des fonctionnalités en langage naturel.

id INT PRIMARY KEY adalo.com Si vous n'avez pas encore de compte, inscrivez-vous sur Adalo et créez un nouveau projet d'application. Vous pouvez utiliser le Générateur IA avec Démarrage magique pour générer une base d'application complète à partir d'une description simple, ou commencer de zéro, les deux options fonctionnent pour cette intégration. Magic Start crée votre structure de base de données, vos écrans et vos flux utilisateur automatiquement, transformant ce qui prenait autrefois des jours de planification en quelques minutes de configuration.

L'étape suivante consiste à mettre à niveau vers un plan Professionnel ou supérieur. Allez dans les paramètres de votre compte et sélectionnez un niveau payant. Sans cette mise à niveau, le menu Collections externes n'apparaîtra pas dans votre générateur d'applications. À 36 $/mois sans frais basés sur l'utilisation, Adalo offre des coûts prévisibles quel que soit le nombre d'appels API générés par votre intégration Supabase.

Une fois que votre plan est actif, familiarisez-vous avec l' Base de données onglet Collections externes

dans le panneau de gauche. C'est ici que vous ajouterez Supabase comme source de données externe. L'interface d'Adalo inclut un outil de test intégré pour valider vos points de terminaison API lors de la configuration, vous aidant à détecter tout problème d'authentification ou de formatage avant de commencer à construire les écrans de votre application.

Outils et documentation requis Gardez la Référence de l'API de gestion Supabase à portée de main dans un onglet du navigateur. Vous en aurez besoin pour configurer les en-têtes d'authentification et comprendre les structures de réponse. Aussi, ajoutez aux signets la Documentation d'aide d'Adalo sur les Collections externes

Lors de la configuration de l'authentification dans Adalo, formatez votre clé service_role Supabase en tant que Jeton Bearer en utilisant la syntaxe suivante :

Authorization: Bearer [YOUR_SERVICE_ROLE_KEY]

Enfin, lors de la configuration des points de terminaison de mise à jour dans Adalo, utilisez la PATCH méthode HTTP à la place du PUT par défaut. Cela garantit que vous ne modifiez que des champs spécifiques sans écraser les enregistrements complets de la base de données.

Préparation de Supabase pour la connexion

Maintenant que vos comptes sont prêts, il est temps de configurer Supabase pour qu'il fonctionne de manière transparente avec Adalo. Cela implique la création de tables de base de données, la configuration des règles de sécurité et la collecte des identifiants dont vous aurez besoin pour la connexion.

Création de vos tables de base de données

Commencez par ouvrir l' Éditeur de tableau dans votre tableau de bord Supabase. Cliquez sur Nouveau tableau pour créer votre premier tableau. Respectez les noms en minuscules avec des traits de soulignement (comme user_profiles) pour respecter les conventions API de Supabase.

Pour la clé primaire, utilisez un type numérique tel que bigint ou int8 et activez l'auto-incrément. Cela garantit que vos identifiants sont des nombres séquentiels (par exemple, 1, 2, 3), que Adalo peut facilement interpréter.

Ajoutez au moins un enregistrement de test en utilisant des types de données qui correspondent aux types de propriété d'Adalo. Par exemple :

• Utilisez text pour les chaînes.
• Utilisez bool pour les valeurs vrai/faux.
• Utilisez timestamptz pour les horodatages avec fuseaux horaires.

L'inclusion d'exemples de données aide le connecteur API à identifier correctement les types de champs.

Si votre application nécessite des relations entre les tableaux, configurez les clés étrangères. Par exemple, si vous avez customers et orders tableaux, vous pouvez ajouter un customer_id colonne dans le orders tableau qui référence le id colonne dans customers. Cette configuration permet à Adalo de reconnaître les relations entre les enregistrements.

Une fois vos tableaux prêts, l'étape suivante consiste à sécuriser l'accès à l'API.

Configuration de l'accès à l'API et des permissions

Supabase crée automatiquement une API REST pour chaque tableau du schéma public .

« Supabase génère automatiquement une API directement à partir de votre schéma de base de données, ce qui vous permet de vous connecter à votre base de données via une interface RESTful, directement à partir du navigateur. »

Bien que cela soit pratique, cela signifie également que vos données sont accessibles via ces points de terminaison API, il est donc crucial de les sécuriser.

Activez Sécurité au niveau des lignes (RLS) pour protéger vos données. Dans l'Éditeur de tableau, cliquez sur les trois points à côté de votre tableau, sélectionnez Modifier la table, et activez la sécurité au niveau des lignes. Vous pouvez également l'activer avec la commande SQL suivante :

alter table "your_table_name" enable row level security;

Une fois que RLS est actif, votre tableau restera inaccessible jusqu'à ce que vous définissiez une politique. Pour permettre à Adalo de lire les données, créez une politique pour le rôle anon :

create policy "Allow public access"
on your_table_name
for select
to anon
using (true);

Cette politique permet à tout client utilisant votre clé API de lire les données. Si vous avez besoin de plus de contrôle, vous pouvez ajouter des conditions comme using (auth.uid() = user_id) pour restreindre l'accès à des lignes spécifiques.

L'API REST de Supabase s'est avérée être 300 % plus rapide que Firebasepour gérer les opérations de lecture basiques, car elle résout les demandes avec une seule instruction SQL. Combinée à l'infrastructure modulaire d'Adalo, qui traite plus de 20 millions de demandes quotidiennes avec une disponibilité de 99 %+, cela crée une base performante pour les applications à forte consommation de données.

Avec les permissions API configurées, l'étape finale consiste à récupérer vos identifiants de projet.

Obtenir vos clés API

Dans votre tableau de bord Supabase, accédez à Paramètres et cliquez sur l'onglet dans la barre latérale gauche et sélectionnez. Ici, vous trouverez votre . Ici, vous trouverez deux éléments clés : le , toutes deux accessibles depuis le tableau de bord Supabase. Ces identifiants sont essentiels pour authentifier la connexion et gérer l'accès à la base de données. et votre les clés API.

L'URL du projet suit généralement ce format : https://<project_ref>.supabase.co/rest/v1. Cela sert de base pour toutes les requêtes API.

Sous les clés API, vous verrez deux types :

• Clé Anon: Utilisez-la pour les intégrations Adalo. Elle respecte les politiques RLS et n'accède qu'aux données explicitement autorisées.
• Clé Service_role: Cela contourne RLS et ne doit jamais être utilisé dans les applications côté client.

Pour Adalo, copiez la clé anon et enregistrez-la en sécurité. Vous l'utiliserez comme apikey en-tête dans vos appels API. Supabase déploie également un nouveau format de clé publiable (sb_publishable_), mais la clé anon héritée et le nouveau format fonctionnent de manière identique pour l'instant.

« Chaque projet Supabase a une URL API unique. Votre API est sécurisée derrière une passerelle API qui nécessite une clé API pour chaque demande. »

Si vos clés sont jamais exposées, vous pouvez les régénérer dans les paramètres API. N'oubliez pas de mettre à jour toutes vos intégrations avec les nouvelles clés par la suite.

Une fois ces étapes terminées, votre configuration Supabase est prête à s'intégrer à Adalo.

Connecter Supabase à Adalo

Maintenant que Supabase est configuré, il est temps de le lier à Adalo. La Collections externes fonctionnalité d'Adalo vous permet de connecter vos tables Supabase directement à votre générateur visuel d'application, rendant l'intégration des données transparente. C'est ici que les capacités de construction assistée par IA d'Adalo brillent—une fois connectées, vous pouvez utiliser Ajout magique pour décrire de nouvelles fonctionnalités qui exploitent vos données Supabase, et la plateforme génère automatiquement les écrans et la logique nécessaires.

Remarque: Les collections externes ne sont disponibles qu'avec les plans Professionnel, Équipe ou Entreprise d'Adalo.

Ajouter Supabase en tant que collection externe

Commencez par ouvrir votre projet Adalo et naviguez vers l' Base de données onglet sur la gauche. Faites défiler vers le bas jusqu'à Collections externes et cliquez sur Ajouter une collection. Pour plus de clarté, nommez la collection pour correspondre à votre table Supabase—cela rend la gestion de plusieurs sources de données beaucoup plus facile.

Ensuite, saisissez votre URL de base. C'est le point de terminaison de l'API REST de Supabase pour la table que vous souhaitez connecter. Cela ressemble généralement à ceci :
https://<project_ref>.supabase.co/rest/v1/your_table_name

Maintenant, configurez les en-têtes d'autorisation. Supabase nécessite deux en-têtes pour assurer un accès sécurisé :

• En-tête 1: Nom = apikey, Valeur = votre clé anon Supabase (trouvée dans les paramètres API)
• En-tête 2: Nom = Authorization, Valeur = Bearer [your_Supabase_anon_key]

Cette configuration reflète la configuration API que vous avez complétée précédemment dans Supabase.

Une fois les en-têtes en place, définissez les cinq actions de point de terminaison standard comme indiqué ci-dessous :

Action du point de terminaison	Méthode	Structure d'URL
Obtenir tous les enregistrements	GET	URL de base
Obtenir un enregistrement	GET	URL de base + /{id}
Créer un enregistrement	POST	URL de base
Mettre à jour un enregistrement	PATCH	URL de base + /{id}
Supprimer un enregistrement	DELETE	URL de base + /{id}

Pourboire: Utilisez l'en-tête PATCH méthode pour les mises à jour, car elle vous permet de modifier des champs spécifiques sans écraser l'enregistrement entier.

Pour une détection correcte des champs, assurez-vous que votre table Supabase contient au moins un enregistrement avant de continuer.

Mapper vos collections de données

Une fois que votre connexion est configurée, appuyez sur Tester la connexion dans la fenêtre de configuration. Si tout est configuré correctement, un indicateur de réussite vert apparaîtra, accompagné d'un aperçu de vos données Supabase.

Durant cette étape, Adalo analyse la réponse JSON de Supabase et génère les champs correspondants, appelés Propriétés. Ces champs peuvent être renommés dans Adalo sans casser la connexion à l'API. Vous pourrez également les utiliser comme Texte magique pour le contenu dynamique dans toute votre application.

Puisqu'Adalo ne place aucune limite sur les enregistrements de base de données ou le stockage, vous pouvez connecter des tables de n'importe quelle taille sans vous soucier de dépasser les limites. C'est particulièrement précieux lorsque vous travaillez avec le backend PostgreSQL de Supabase, qui excelle dans le traitement de grands ensembles de données et de requêtes complexes.

Tester votre connexion API

Après le mappage de vos collections, il est temps de tester la connexion à l'aide des outils d'Adalo.

Créez un simple Liste composant dans le générateur Adalo. Affectez votre nouvelle collection Supabase comme source de données et ajoutez des éléments de texte pour afficher diverses propriétés. Prévisualisez l'application pour confirmer que les données s'affichent correctement.

Pour vous assurer que tout fonctionne comme prévu, essayez de créer, mettre à jour et supprimer des enregistrements directement dans Adalo. Cela aidera à vérifier que les cinq actions de point de terminaison fonctionnent correctement.

Si vous rencontrez des erreurs, Adalo affichera le message spécifique renvoyé par l'API Supabase. La plupart des problèmes de connexion proviennent d'en-têtes d'autorisation incorrects ou d'URL mal formatées. Revérifiez vos clés API et assurez-vous que l'URL de base correspond exactement au nom de votre table Supabase.

Une chose à garder à l'esprit : les modifications apportées directement dans votre base de données Supabase ne seront pas mises à jour automatiquement dans Adalo. Au lieu de cela, Adalo récupère les données actualisées lorsqu'un écran se charge ou lorsqu'un appel API est déclenché par une action dans votre application.

Configuration de l'authentification des utilisateurs

Une fois que votre connexion de données est prête, l'étape suivante consiste à configurer l'authentification des utilisateurs. Supabase simplifie cela avec des points de terminaison API dédiés, et Base de données des utilisateurs externes et authentification (Bêta) Cette fonctionnalité rend le processus d'intégration fluide.

Commencez par vous diriger vers les paramètres d'authentification de votre tableau de bord Supabase. Activez Inscription par e-mail et activez Désactiver les confirmations d'e-mail pour faciliter les tests lors de la configuration.

Dans votre application Adalo, choisissez Base de données des utilisateurs externes et authentification (Bêta) sous Options avancées. Cela déverrouille les actions d'authentification externe pour votre application.

Remarque: L'authentification externe n'est disponible qu'avec les plans Professionnel, Équipe ou Entreprise d'Adalo.

Configuration des points de terminaison de connexion et d'inscription

Maintenant, configurez les points de terminaison pour la connexion et l'inscription. Supabase utilise deux points de terminaison distincts pour ces actions :

• Point de terminaison de connexion:
  https://<your-project-ref>.supabase.co/auth/v1/token?grant_type=password
• Point de terminaison d'inscription:
  https://<your-project-ref>.supabase.co/auth/v1/signup

Les deux points de terminaison nécessitent la même configuration d'en-tête. Utilisez la clé apikey en-tête, la valeur étant votre service_role Supabase (et non la clé anon utilisée précédemment). La clé service_role fournit les autorisations nécessaires pour gérer les sessions utilisateur et les jetons.

Le corps JSON pour les deux points de terminaison doit inclure deux champs : email et password. Ces champs sont essentiels pour que Supabase valide ou crée des comptes utilisateur.

Action	URL du point de terminaison	Clé/Valeur d'en-tête	Champs du corps JSON
Connexion	/auth/v1/token?grant_type=password	apikey: [service_role_key]	email, password
S'inscrire	/auth/v1/signup	apikey: [service_role_key]	email, password

Lors des tests, utilisez un compte utilisateur Supabase réel pour la connexion (évitez les identifiants d'administrateur) et une adresse e-mail unique pour l'inscription. Cela garantit que l'API renvoie des jetons valides au lieu d'erreurs.

Gestion des sessions utilisateur et des jetons

La access_token et id Les champs dans le JSON renvoyé sont essentiels pour gérer les sessions utilisateur. Le access_token maintient l'utilisateur connecté dans votre application, tandis que le id permet les requêtes authentifiées à votre base de données Supabase. Ces champs doivent être mappés correctement ; sinon, les utilisateurs ne resteront pas connectés ou n'accéderont pas à leurs données.

Lors de l'assistant de configuration d'Adalo, mappez manuellement ces champs en sélectionnant access_token et id dans les menus déroulants. Adalo ne détecte pas automatiquement ces champs, donc cette étape est critique.

Gardez à l'esprit que les jetons d'authentification Supabase expirent tous les 20 jours pour des raisons de sécurité. Les utilisateurs devront se reconnecter après cette période, même s'ils utilisent activement l'application. De plus, l'effacement du cache du navigateur ou la connexion à partir d'un nouvel appareil peuvent également déconnecter les utilisateurs.

Avec les jetons de session correctement mappés, vous pouvez passer aux tests du processus d'authentification dans votre application.

Test de l'authentification des utilisateurs

Dans votre générateur Adalo, ajoutez Connexion et S'inscrire des boutons aux écrans pertinents. Au lieu des actions de base de données standard, vous verrez maintenant Connexion externe et Inscription externe options. Attribuez ces actions à vos boutons.

Pour vérifier que tout fonctionne, créez un écran de test réservé aux « utilisateurs connectés » uniquement. Cela vous permet de confirmer que la session est maintenue après l'authentification. À l'aide du access_token et idmappé, assurez-vous que l'écran restreint n'est accessible que aux utilisateurs authentifiés.

Exécutez les tests en vous inscrivant, en vous connectant et en accédant à l'écran restreint. Si des erreurs se produisent, Adalo affichera la réponse API de Supabase. La plupart des problèmes sont dus à des valeurs d'en-tête incorrectes ou à des formats d'e-mail/mot de passe incompatibles dans le corps JSON.

Une fois l'authentification en place, votre application peut prendre en charge des vues de données spécifiques à l'utilisateur, des tableaux de bord personnalisés et des contrôles d'accès sécurisés, le tout alimenté par le système d'authentification robuste de Supabase et affiché via les interfaces iOS et Android natives d'Adalo.

Gestion des données entre Supabase et Adalo

Vous pouvez gérer le flux de données entre Supabase et votre application Adalo à l'aide de collections externes et PostgREST pour les mises à jour en temps réel. Ci-dessous, nous couvrirons comment mapper vos champs et configurer des filtres pour simplifier l'intégration des données.

Mappage des champs de base de données

Lorsque vous connectez Supabase à Adalo, le système identifie vos champs de base de données lors de l'étape « Test de connexion ». Ce processus dépend de la réponse JSON de votre API Supabase. Si une colonne est vide, elle n'apparaîtra pas, vous devrez donc peut-être vous reconnecter ultérieurement pour inclure les champs nouvellement remplis.

Les champs Supabase sont automatiquement liés aux propriétés Adalo comme Texte, Nombre, Date, et Image. Ces propriétés mappées peuvent alors être utilisées dans toute votre application avec Magic Text, ce qui facilite l'affichage ou la manipulation de données dans des listes, des formulaires ou des règles de visibilité conditionnelle. Pour mettre à jour des champs spécifiques, utilisez le PATCH méthode pour les modifications d'enregistrements. Gardez à l'esprit que les clés primaires doivent être numériques—les UUID ne sont pas pris en charge.

Une fois vos champs mappés, vous pouvez affiner les enregistrements affichés à l'aide de filtres et de logique conditionnelle.

Ajout de filtres et de logique conditionnelle

Les filtres sont appliqués à l'aide de paramètres d'URL. L'API PostgREST de Supabase prend en charge les chaînes de requête comme ?select=*&order=id.desc ou ?column=eq.value, ce qui vous permet de trier, filtrer et limiter les résultats avant leur envoi à Adalo. Par exemple, l'ajout de ?status=eq.active filtre les enregistrements pour afficher uniquement les entrées actives. Cette approche minimise la taille de la charge utile et améliore les temps de chargement, en particulier avec les ensembles de données plus volumineux.

Pour une meilleure performance, implémentez la pagination à l'aide de limit et offset. Cette méthode récupère les enregistrements par petits lots, réduisant le risque de délais d'expiration ou d'erreurs causés par les grandes charges utiles. L'infrastructure modulaire d'Adalo 3.0—lancée fin 2025—offre des chargements d'écran pilotés par les données nettement plus rapides par rapport aux versions antérieures, rendant les requêtes Supabase paginées réactives même sur les écrans complexes.

Au lieu de supprimer définitivement les enregistrements, envisagez d'utiliser les suppressions logiques. Ajoutez un champ « Statut » ou « Archivé » dans Supabase et filtrez les enregistrements archivés dans Adalo. Les suppressions logiques facilitent la récupération des données et vous donnent plus de contrôle sur ce que les utilisateurs peuvent voir, sans perdre d'informations importantes.

Optimisation des requêtes pour la scalabilité

À mesure que votre base d'utilisateurs croît, l'optimisation des requêtes devient essentielle. La base PostgreSQL de Supabase prend en charge l'indexation, qui accélère considérablement les requêtes filtrées. Créez des index sur les colonnes que vous filtrez ou triez fréquemment—c'est particulièrement important pour les champs d'horodatage dans les journaux d'activité ou les champs d'état dans les systèmes de gestion des commandes.

L'infrastructure d'Adalo se met à l'échelle pour supporter les applications avec des millions d'utilisateurs actifs mensuels, sans plafond supérieur à la croissance. Contrairement aux plateformes qui imposent des limites strictes sur les enregistrements ou facturent les frais d'utilisation pour les opérations de base de données, le plan Professionnel d'Adalo à 36 $/mois inclut des enregistrements de base de données illimités et zéro frais basés sur l'utilisation. Ce modèle de tarification prévisible signifie que vos coûts restent stables, même à mesure que votre application connectée à Supabase se met à l'échelle.

Pour les applications nécessitant la synchronisation des données en temps réel, envisagez d'implémenter les abonnements en temps réel de Supabase pour les mises à jour critiques tout en utilisant les appels REST standard pour les données moins sensibles au temps. Cette approche hybride équilibre la réactivité et l'efficacité.

Dépannage et conseils de performance

Même avec une configuration bien préparée, la connexion de Supabase à Adalo peut parfois présenter des défis. Heureusement, la plupart des problèmes sont simples à résoudre, et il existe des moyens d'affiner la performance. Vous trouverez ci-dessous des problèmes courants et des conseils pratiques pour vous aider à maintenir une intégration fluide.

Correction des erreurs d'intégration courantes

Un problème fréquent concerne la compatibilité des ID numériques. Les collections externes d'Adalo nécessitent des ID numériques, vous devrez donc ajouter une colonne BigInt ou Integer distincte dans Supabase pour assurer la compatibilité.

Les erreurs d'authentification sont un autre obstacle courant. Si les utilisateurs ne peuvent pas se connecter, vérifiez à nouveau vos paramètres d'authentification Supabase. Assurez-vous que « Désactiver l'inscription » est désactivé, « Activer l'inscription par e-mail » est active et « Désactiver les confirmations par e-mail » est activé. Pour confirmer que tout fonctionne, testez le point de terminaison de connexion avec les identifiants d'un utilisateur existant pour récupérer le jeton d'accès et l'ID utilisateur.

Si vos données n'apparaissent pas dans Adalo, le problème pourrait être avec la clé de résultats dans votre point de terminaison « Obtenir tous les enregistrements ». Assurez-vous que vous spécifiez la clé de niveau supérieur correcte qui enveloppe le tableau de données dans votre réponse JSON.

Gardez à l'esprit que l'API d'Adalo a une limite stricte de 5 requêtes par seconde. Si vous dépassez cette limite, vous recevrez un code de statut 429. Pour l'éviter, réduisez les appels API rapides ou répétés, ou introduisez de courts délais entre les requêtes.

Amélioration de la vitesse de transfert des données

L'optimisation du transfert de données peut améliorer considérablement la performance de votre application. Commencez par utiliser le filtrage côté serveur dans Supabase pour limiter les données envoyées. De plus, implémentez la pagination avec les paramètres limit/offset pour gérer les enregistrements par petits lots (environ 100 par requête). Lors de la mise à jour des enregistrements, optez pour la méthode PATCH au lieu de PUT, car PATCH n'envoie que les champs qui ont changé, réduisant le transfert de données.

Une autre façon d'améliorer la performance est de stocker les données fréquemment accessibles dans la base de données interne d'Adalo. Cela réduit le besoin d'appels API externes répétés pendant les sessions utilisateur. De plus, évitez d'utiliser plusieurs listes imbriquées qui extraient les données de différentes tables simultanément. Ces configurations peuvent créer des goulots d'étranglement et augmenter la probabilité d'atteindre la limite de taux API.

Débogage avec les outils Adalo

Lors du dépannage des problèmes d'intégration, Adalo fournit plusieurs outils intégrés pour aider à identifier les problèmes. La fenêtre modale de configuration des collections externes inclut une fonction de test qui affiche la réponse API brute de Supabase, ce qui facilite la vérification que vos points de terminaison renvoient les données attendues.

Pour un débogage plus complexe, utilisez les outils de développement du navigateur pour inspecter les requêtes réseau lors de l'aperçu de votre application. Cela révèle les en-têtes, charges utiles et réponses exacts pour chaque appel API, vous aidant à identifier les problèmes d'authentification ou les requêtes mal formées.

Si vous rencontrez des défaillances intermittentes, vérifiez le tableau de bord de Supabase pour les problèmes de limitation de débit ou de connexion de leur côté. Supabase fournit des métriques en temps réel sur l'utilisation de l'API et la performance de la base de données, ce qui peut aider à identifier si les problèmes proviennent du backend ou de la couche d'intégration Adalo.

Publication de votre application connectée à Supabase

Une fois que votre intégration Supabase fonctionne correctement, vous êtes prêt à publier. Adalo crée des applications iOS et Android natives à partir d'une seule base de code, en publiant directement sur l'App Store Apple et Google Play Store. C'est souvent la partie la plus difficile du lancement d'une application—gérer les certificats, les profils de provisionnement et les directives du store—mais le processus de soumission rationalisé d'Adalo gère ces complexités automatiquement.

Avant de publier, testez votre connexion Supabase à fond en mode aperçu d'Adalo dans différents scénarios : inscription du nouvel utilisateur, connexion de l'utilisateur récurrent, création, mise à jour et suppression de données. Vérifiez que les jetons d'authentification persistent correctement et que les données s'affichent comme prévu sur tous les types d'écran.

Pour les applications en production, envisagez d'implémenter la gestion des erreurs pour les défaillances réseau. Ajoutez des écrans de secours ou une logique de nouvelle tentative pour les cas où Supabase est temporairement inaccessible. Cela garantit que vos utilisateurs bénéficient d'une expérience fluide même en cas de brefs problèmes de connectivité.

Conclusion

La liaison de Supabase à Adalo combine le PostgreSQL backend de Supabase avec le générateur d'applications alimenté par l'IA d'Adalo. Cette connexion permet aux données Supabase de fonctionner directement avec les collections Adalo, activant des fonctionnalités comme les listes, les actions et les formulaires—le tout sans avoir besoin de code backend personnalisé. C'est un moyen puissant de gérer les ensembles de données plus volumineux, de gérer les relations complexes et d'exécuter les requêtes avancées au-delà des limites typiques du générateur d'applications.

À mesure que votre application croît, la scalabilité devient essentielle. Le plan payant d'entrée de gamme de Supabase prend en charge jusqu'à 100 000 utilisateurs, tandis que l'infrastructure modulaire d'Adalo se met à l'échelle pour servir des millions d'utilisateurs actifs mensuels sans plafond supérieur. Combiné aux enregistrements de base de données illimités d'Adalo et aux frais nuls basés sur l'utilisation, cet appairage fournit une base économique pour les applications de toute taille.

« Si vous êtes expérimenté avec PostgreSQL et souhaitez un générateur de backend open-source, inscrivez Supabase sur votre liste. La plateforme est particulièrement bien adaptée aux développeurs et aux équipes de développement à la recherche d'un générateur de backend robuste et flexible qui vous permet de monter en flèche. » - L'équipe Adalo

Pour utiliser cette intégration, vous aurez besoin au minimum d'un plan Adalo Professionnel à 36 $/mois, qui déverrouille l'accès aux collections externes et inclut l'utilisation illimitée sur toutes les métriques.

Articles de blog connexes

• Comment créer une application à l'aide de données OracleDB
• Intégration d'API REST avec Adalo : Guide
• Intégration PostgreSQL pour les applications sans code
• Comment les API connectent les applications sans code aux bases de données cloud

FAQ

Pourquoi choisir Adalo plutôt que d'autres solutions de création d'applications ?

Adalo est un générateur d'applications alimenté par l'IA qui crée de véritables applications iOS et Android natives. Contrairement aux wrappers web, il se compile en code natif et publie directement sur l'App Store Apple et Google Play Store à partir d'une seule base de code—la partie la plus difficile du lancement d'une application est gérée automatiquement. À 36 $/mois avec utilisation illimitée, il offre une tarification prévisible sans limites sur les actions, les utilisateurs, les enregistrements ou le stockage.

Quel est le moyen le plus rapide de créer et de publier une application sur l'App Store ?

L'interface glisser-déposer d'Adalo combinée à la construction assistée par l'IA via Magic Start et Magic Add vous permet de passer de l'idée à l'application publiée en jours plutôt qu'en mois. Décrivez ce que vous voulez construire, et l'IA génère automatiquement votre structure de base de données, vos écrans et votre logique. Adalo gère ensuite le processus complexe de soumission à l'App Store, afin que vous puissiez vous concentrer sur les fonctionnalités au lieu des certificats et des profils de provisionnement.

Quel plan Adalo dois-je utiliser pour connecter Supabase à mon application ?

Vous avez besoin d'un plan Adalo Professionnel, Équipe ou Entreprise pour utiliser les collections externes, ce qui est nécessaire pour l'intégration Supabase. Le plan Professionnel est 36 $/mois et inclut l'utilisation illimitée—sans limites sur les actions, les utilisateurs, les enregistrements ou le stockage—ce qui le rend économique pour les intégrations Supabase intensives en données.

Pourquoi Supabase nécessite-t-il des ID numériques au lieu d'UUID pour l'intégration Adalo ?

La fonctionnalité Collections externes d'Adalo nécessite des clés primaires numériques pour identifier et gérer correctement les enregistrements. Puisque Supabase utilise par défaut les UUID, vous devrez configurer vos tables avec des types numériques comme bigint ou int8 avec auto-increment activé pour assurer la compatibilité.

Comment gérer l'authentification des utilisateurs entre Supabase et Adalo ?

Utilisez la base de données des utilisateurs externes et la fonctionnalité d'authentification d'Adalo combinées aux points de terminaison d'authentification de Supabase. Configurez des points de terminaison de connexion et d'inscription séparés avec votre clé service_role, et mappez les champs access_token et id des réponses Supabase pour maintenir les sessions utilisateur dans toute votre application.

Que dois-je faire si mes données Supabase n'apparaissent pas dans Adalo ?

Tout d'abord, assurez-vous que votre table Supabase contient au moins un enregistrement, car Adalo a besoin de données d'exemple pour détecter les types de champs. Vérifiez que vos en-têtes d'autorisation sont corrects, vérifiez que l'URL de base correspond exactement au nom de votre table et confirmez que vous avez spécifié la clé de résultats correcte pour les réponses JSON imbriquées.

Comment Adalo gère-t-il la scalabilité pour les applications connectées à Supabase ?

L'infrastructure modulaire d'Adalo se met à l'échelle pour supporter les applications avec des millions d'utilisateurs actifs mensuels, sans plafond supérieur. Combinée au backend PostgreSQL de Supabase qui prend en charge jusqu'à 100 000 utilisateurs sur les plans d'entrée de gamme, cet appairage gère la croissance efficacement. Les enregistrements de base de données illimités d'Adalo et les frais nuls basés sur l'utilisation signifient que vos coûts restent prévisibles à mesure que vous vous mettez à l'échelle.

Puis-je publier mon application connectée à Supabase sur iOS et Android ?

Oui. Adalo crée des applications iOS et Android natives à partir d'une seule base de code et les publie directement sur l'App Store d'Apple et Google Play Store. Votre intégration Supabase fonctionne de manière identique sur les deux plates-formes sans configuration supplémentaire.

Comment optimiser les performances pour les grands ensembles de données Supabase ?

Utilisez le filtrage côté serveur avec les paramètres de requête PostgREST de Supabase pour limiter les données avant qu'elles n'atteignent Adalo. Implémentez la pagination avec les paramètres limit/offset, utilisez PATCH au lieu de PUT pour les mises à jour, et créez des index de base de données sur les colonnes fréquemment filtrées. Stockez les données fréquemment consultées dans la base de données interne d'Adalo pour réduire les appels API externes.