https://www.youtube.com/watch?v=iAZ_6bOM020

Vidéo précédente: 🇫🇷Interfaces (2/8)

Vidéo suivante: 🇫🇷Création de compte (4/8)

Intro

Commençons le projet ensemble. Cette vidéo abordera les notions nécessaires pour créer et accéder à une base de données et la manipuler avec aisance.

C’est parti!

Contenu de la vidéo

Trouver l’URL de base du routeur (0:00-1:40) Créer un projet Supabase (1:40-5:04) Créer une base de données Supabase (5:04-8:18) Connecter la base de données à Voltapp (8:18-12:53) Preview de la continuité du projet (12:53-14:08)

Script

1. Trouver l’URL de base du routeur

Salut à tous et bienvenue dans la deuxième partie de ce tutoriel sur Supabase account. Comme on l’a vu dans la première partie, on se base sur un projet pré-rempli avec un routeur et des éléments d’interfaces déjà créés. Juste un détail dont je n’ai pas parlé durant la première partie mais qui a son importance : l’URL de base du routeur doit être remplacé par l’URL de votre application. Il faut le remplacer par l’ID de l’URL de votre application. Pourquoi c’est important ? Parce que le système de compte de Supabase est créé avec un système de confirmation par email. Les utilisateurs vont recevoir un email de confirmation quand ils vont créer leur compte. Dans cet email on trouve un lien pour activer le compte et ce lien va rediriger à l’application. C’est pourquoi il faut le bon URL dans le routeur.

2. Créer un projet Supabase

On va passer à la partie Supabase. Il faut se logger sur le site. Supabase est un peu particulier car il utilise des comptes Github. En cliquant ici, je vais directement me connecter. On clique sur le bouton nouveau projet. On va appeler le projet Voltapp Tuto. Pour le mot de passe de la base de données, mettez ce que vous voulez. Vous devez ensuite choisir la région où le serveur Supabase sera hébergé. Lorsque vous hébergerez votre propre Supabase sur les serveurs de votre entreprise, vous n’aurez pas forcément besoin de prendre ceci en compte. Prenons London par exemple. Ensuite on clique sur le bouton « create new project ». Notre projet est donc créé. Ici, on a un onglet qui concerne les clés API. C’est ce qui va nous permettre de connecter les nœuds Supabase de Voltapp à la base de données Supabase. On a une clé publique pour créer des profils, se connecter, etc. Mais on a aussi une clé secrète avec laquelle on va faire des choses comme créer de nouvelles tables dans la base de données. On ne s’en sert pas pour les projets de base sauf si on veut mettre en place des interfaces d’admin en intern. Avant de faire tout ça, on aimerait avoir une première base de données.

Ressources