Sauter au contenu

Démarrage

GitHub

Quels seront les sujets abordés dans ce tutoriel ?

Section intitulée “Quels seront les sujets abordés dans ce tutoriel ?”

Ce tutoriel montrera comment démarrer Supabase à partir de zéro ainsi que les fonctions Edge

  1. Cloné capgo
  2. Supabase

Démarrage

Commencer

Pour commencer, exécutez

Fenêtre de terminal
supabase start

La prochaine fois, vous devriez voir quelque chose comme ceci :

Started supabase local development setup.
API URL: http://localhost:54321
GraphQL URL: http://localhost:54321/graphql/v1
DB URL: postgresql://postgres:postgres@localhost:54322/postgres
Studio URL: http://localhost:54323
Inbucket URL: http://localhost:54324
JWT secret: [truncated]
anon key: supa_key_anon
service_role key: supa_key_admin

La prochaine fois, ouvrez configs.json et définissez les valeurs suivantes :

{
"base_domain": {
"prod": "console.capgo.app",
"development": "development.console.capgo.app",
"local": "localhost:3332"
},
"supa_anon": {
"prod": "supa_key_anon",
"development": "supa_key_anon",
"local": "supa_key_anon"
},
"supa_url": {
"prod": "http://localhost:54321",
"development": "http://localhost:54321",
"local": "http://localhost:54321"
}
}

supa_key_anon est la valeur du pas précédent.

Ensuite, vérifiez que vous pouvez accéder à localhost:54323 et que la table users semble ressembler à ceci

Tableau de bord Supabase montrant la table utilisateurs

Si cela fonctionne, démarrez les fonctions Edge en exécutant :

Fenêtre de terminal
supabase functions serve

et démarrez le frontend en exécutant :

Onglet terminal
bun run serve

Si vous utilisez Getting started pour planifier le travail de plugin natif, connectez-le à Utilisation de @capgo/capacitor-mise à jour pour la capacité native dans Utilisation de @capgo/capacitor-mise à jour, Répertoire de plugin Capgo pour le flux de travail du produit dans Répertoire de plugin Capgo, Plugins Capacitor par Capgo pour les détails d'implémentation dans les Capacitor Plugins par Capgo, Ajouter ou Mettre à Jour les Plugins pour les détails d'implémentation dans Ajouter ou Mettre à Jour les Plugins, et Alternatives de Plugins d'Entreprise Ionic pour le flux de travail du produit dans Alternatives de Plugins d'Entreprise Ionic.