De votre téléphone à votre première App
Le guide pour démarrer
Configurez BF.Créatoire depuis Chrome sur Android. L’IA et l’authentification sont intégrées ; le partage et les paiements nécessitent les réglages ci-dessous.
État des connexions
Intelligence artificielle
SDK IA intégré, appelé côté serveur
Signature des crédits
CREATOIRE_SIGNING_SECRET à renseigner
Orange Money
Clés PayDunya à renseigner
Un statut de configuration n’est pas un test de connexion ni une confirmation de paiement.
ÉTAPE 01
Connecter l’IA — aucune clé fournisseur nécessaire
La création appelle la fonction serveur creatoire, qui utilise l’IA intégrée. Aucune clé OpenAI ou autre clé IA n’est envoyée au navigateur. N’ajoutez pas de clé dans le code frontend.
- Ouvrez votre projet dans l’éditeur, puis le panneau Secrets.
- Ajoutez
CREATOIRE_SIGNING_SECRET: une valeur aléatoire privée de 32 caractères minimum, idéalement 64, produite avec un gestionnaire de mots de passe. Ne changez pas ce secret après des créations : les signatures existantes deviendraient invalides. - Vérifiez que la fonction
functions/creatoire.tsest déployée dans le panneau des fonctions. Le fichier serveurgenmb.tsest fourni automatiquement par la plateforme. - Connectez-vous avec Google ou le lien e-mail. Décrivez une App, puis appuyez sur « Créer avec l’IA ». Un vrai résultat apparaît uniquement après génération et sauvegarde réussies.
L’IA peut échouer ou produire du code imparfait. L’aperçu isole le code dans une iframe sans accès au compte, au stockage de la plateforme ni au réseau de l’App.
ÉTAPE 02
Publier le site depuis Android
- Dans Chrome, ouvrez l’éditeur de ce projet. Si nécessaire, activez « Version pour ordinateur » dans le menu ⋮.
- Utilisez l’action de publication de l’éditeur. La plateforme héberge le site Vite et ses fonctions ; un export frontend seul ne suffit pas.
- Copiez l’adresse HTTPS exacte du site publié. Dans Secrets, créez
PUBLIC_APP_URLavec cette adresse, sans fragment#ni paramètres. - Redéployez les fonctions après la modification des Secrets si le panneau le demande.
- Générez une App, ouvrez-la dans « Mes Apps », puis choisissez « Publier ». Testez son lien dans une fenêtre privée.
Pour une application générée, le lien ouvre une page de BF.Créatoire avec un aperçu isolé, pas un hébergement indépendant. Téléchargez le HTML pour un hébergement autonome. L’ajout à l’écran d’accueil est un raccourci si Chrome le propose ; aucun APK n’est généré.
ÉTAPE 03
Comprendre le stockage et les limites de sécurité
Vos créations privées et références de paiement sont conservées dans le stockage clé-valeur intégré, avec une portée par utilisateur. Les liens publics ne rendent accessible que le nom et le code publiés. Le suivi administratif conserve des identifiants techniques, des statuts et des volumes, pas vos descriptions privées.
Une vraie base de données relationnelle est une fonctionnalité Pro. Deux options : passer à Pro pour une base gérée, ou connecter gratuitement votre propre projet Supabase dans le panneau Database. Ce projet n’utilise pas encore Supabase.
Le compteur normal impose 3 créations puis des packs de 10. Ne considérez pas cette version KV comme une protection antifraude de production. Le code IA est limité en taille et les crédits sont consommés après sauvegarde ; une réservation interrompue se libère dans l’administration après vérification.
ÉTAPE 04
Préparer Orange Money Burkina Faso
Le connecteur serveur utilise le paiement hébergé PayDunya. Son catalogue documente Orange Money Burkina Faso. L’activation commerciale reste soumise à votre compte marchand et au prestataire.
- Ouvrez un compte PayDunya Business et faites valider votre activité.
- Dans les intégrations API de PayDunya, créez une application de test et récupérez les clés dans votre espace marchand.
- Ajoutez uniquement dans Secrets :
PAYDUNYA_MASTER_KEY,PAYDUNYA_PRIVATE_KEY,PAYDUNYA_TOKENetPAYDUNYA_MODE(valeurtest). - Après durcissement du registre de crédits décrit ci-dessus, un développeur peut activer
CREATOIRE_PAYMENTS_ENABLED=truepour les tests. Ne l’activez pas simplement pour contourner ce prérequis. - Testez paiement accepté, en attente, annulé, mauvais montant et double vérification. Le retour ne valide rien : le bouton « Vérifier le paiement » interroge PayDunya côté serveur.
- Après validation du prestataire et du registre sécurisé, utilisez les clés de production et
PAYDUNYA_MODE=live.
Le prix reste 1 000 FCFA, sans conversion cachée. L’intégration Stripe intégrée refuse le XOF : elle n’est pas utilisée pour ce pack. BF.Créatoire ne demande jamais votre PIN Mobile Money.
Documentation officielle PayDunyaÉTAPE 05
Configurer le propriétaire et vérifier le résultat
- Connectez-vous dans le site avec le compte propriétaire utilisé dans l’éditeur.
- Ouvrez « Espace propriétaire » dans le pied de page. L’accès est vérifié côté serveur à partir du statut propriétaire, jamais depuis une adresse tapée dans un formulaire.
- Renseignez vos coordonnées dans « Contact ». Elles seront publiques après enregistrement.
- Consultez les comptes, les créations, les paiements confirmés et le volume de code IA. La gestion des comptes d’équipe utilise le système d’authentification intégré ; elle nécessite un plan payant.
- Sur un deuxième appareil, connectez-vous au même compte et vérifiez que vos Apps sont présentes. Testez aussi l’accès refusé d’un compte non propriétaire.
Un compteur de caractères générés est affiché, pas un faux coût fournisseur ni une estimation de tokens. Le déploiement externe du site nécessite une réimplémentation des fonctions, de l’authentification et du stockage : ne publiez pas seulement le dossier frontend sur un autre hébergeur.
Paramètres à préparer
CREATOIRE_SIGNING_SECRET PUBLIC_APP_URL PAYDUNYA_MASTER_KEY PAYDUNYA_PRIVATE_KEY PAYDUNYA_TOKEN PAYDUNYA_MODE
Les valeurs sont privées, sauf l’adresse publique. Aucun secret n’est affiché ici ni stocké dans le navigateur.