Bloxks
← Docs

Connecter une API tierce

Bloxks ne se limite pas à ses intégrations intégrées : branche n’importe quelle clé API et utilise-la dans ton app.

Supabase, RevenueCat, GitHub... Bloxks a des intégrations prêtes à l’emploi pour les services dont la plupart des apps ont besoin. Mais ton app peut avoir besoin de quelque chose de plus précis : un fournisseur de cartes, un service météo, un processeur de paiement pour des achats ponctuels, un moteur de traduction. Si le service donne une clé API, Bloxks peut s’en servir.

Comment ça marche, étape par étape

  1. Récupère une clé API chez le service que tu veux utiliser. Crée un compte gratuit chez le fournisseur (la plupart en ont un) et trouve la page où il affiche ta clé API, souvent appelée « API keys » ou « Developer settings ».
  2. Ouvre Connexions dans Bloxks. Dans ton projet, ouvre le panneau Connexions (accessible aussi depuis les réglages de ton compte).
  3. Clique sur « + Ajouter une clé API ». C’est en bas de la section « Clés API », à côté des fournisseurs prêts à l’emploi.
  4. Donne-lui un nom et colle ta clé. Choisis un nom court et clair (par exemple « API météo » ou « Cartes »), colle la clé copiée, puis valide. Bloxks la stocke chiffrée : elle n’est jamais exposée à tes utilisateurs, ni visible dans le code de ton app.
  5. Demande la fonctionnalité dans le chat. Dis à Bloxks ce que tu veux : « Affiche la météo de la ville de l’utilisateur avec ma clé API météo » ou « Ajoute un écran carte avec itinéraire, utilise ma clé Cartes ». Bloxks écrit le code côté serveur qui appelle le service via ta clé.

C’est tout : aucun code à écrire toi-même, aucune clé à cacher à la main.

Où atterrit l’appel : ton projet Supabase

Les clés tierces ne sont jamais appelées depuis l’app elle-même : elles passent par les Edge Functions de ton projet Supabase, la même couche serveur que Bloxks utilise pour toute la logique backend. Concrètement :

  1. Quand tu relies un projet à Supabase, Bloxks synchronise les clés API de ton compte vers les secrets Edge Function de ce projet (une étape ponctuelle, en un clic).
  2. Quand tu demandes une fonctionnalité qui a besoin d’une API, Bloxks écrit une Edge Function qui lit la clé dans ces secrets et appelle le service tiers.
  3. Ton app ne parle jamais qu’à cette Edge Function, jamais directement à l’API tierce.

Autrement dit, Supabase doit être connecté pour qu’une API tierce fonctionne vraiment dans ton app. S’il ne l’est pas encore, Bloxks te demandera de le connecter d’abord : ça prend une minute.

Exemples d’APIs que tu peux brancher

  • Cartes et itinéraires : Google Maps, Mapbox — afficher une carte, calculer un trajet, trouver des lieux à proximité.
  • Météo : OpenWeather, WeatherAPI — afficher des prévisions en direct pour une ville ou la position de l’utilisateur.
  • Paiements ponctuels : Stripe — vendre un produit physique ou un article unique (les abonnements dans l’app passent eux par RevenueCat, c’est le chemin exigé par Apple).
  • SMS et vérification téléphonique : Twilio — envoyer un texto ou un code de vérification.
  • Conversion de devises : APIs de taux de change — afficher des prix en direct dans différentes monnaies.
  • Musique et vidéo : Spotify, YouTube Data API — chercher des morceaux, afficher une playlist, intégrer une vidéo.
  • Actualités et contenu : News API, services RSS-to-JSON — faire remonter des articles en direct dans un fil.
  • Traduction : DeepL, Google Translate — traduire le contenu des utilisateurs à la volée.

Cette liste n’est qu’un point de départ : toute API qui donne une clé fonctionne de la même façon.

Bon à savoir

  • Ta clé ne quitte jamais le serveur. Elle vit dans les secrets Edge Function de ton projet Supabase, jamais envoyée sur le téléphone de tes utilisateurs ni visible dans ton code exporté.
  • Une clé par projet. Si tu construis plusieurs apps, chacune a besoin de son propre projet Supabase lié, et de relancer l’étape de synchro.
  • Certains services demandent une config en plus, comme autoriser un domaine ou choisir une région : vérifie le tableau de bord du fournisseur si un appel échoue.
  • Tu utilises déjà des clés OpenAI ou Anthropic ? Elles sont listées comme intégrations prêtes à l’emploi elles aussi, à côté de tes clés personnalisées, et passent par le même chemin Edge Function Supabase.