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

Vidéo précédente: 🇫🇷 Login (5/8)

Vidéo suivante: 🇫🇷 Profil (7/8)

Intro

Dans cette video, on vous montre comment tester que votre projet marche, en publiant votre application. PrĂŞts?

Contenu de la vidéo

Publier son application (0:00-1:25) Créer son compte (1:25-5:25) Rediriger vers une page home (5:25-6:28)

Script

1. Publier son application

Salut et bienvenue dans cette nouvelle vidéo sur la création de compte avec Voltapp et Supabase. Dans les précédentes vidéos, je vous ai montré comment créer un compte, comment log in etc. Mais pour l’instant, je n’ai pas testé ce que j’avais fait. Ça n’est pas possible tant que l’application n’a pas été publiée. En effet, les URL que j’utilise dans les mails de confirmation sont ceux d’une application publiée. Je vais donc publier mon application. Je clique ici et j’appuie sur le bouton publier. Une fois publiée, l’application existe à cet URL-là. Vous pouvez le changer mais pour l’instant je me contente de celui-là.

Ressources

Publier son application

2. Créer son compte

Si je clique dessus, je peux voir mon application en plein écran avec mon écran de login. Je vais donc prendre cet URL et le copier-coller sur Supabase. Une fois sur Supabase, je vous conseille, pour commencer, de relancer le script pour réinitialiser la base de données. « Success » ! Mon projet est clean. Aucun utilisateur n’a été créé dans les tables, pour le moment. C’est parfait, c’est ce que je voulais. Je vais dans les settings. Dans authentification, je constate que l’URL n’est pas celle que je veux. Je la remplace par l’URL de mon projet. Il y a le même problème ici. Tout est bon sur Supabase. Je vais donc pouvoir créer un compte sur mon application. En changeant d’écran, vous pouvez voir que l’URL change. Dans l’écran register, je mets mon email et un mot de passe. Si tout a été fait correctement, j’ai reçu un email. Avant de le vérifier, je regarde ce qui s’est passé sur Supabase. Je peux voir dans les tables qu’un nouveau profil a été créé. Si je vais dans authentication, je peux voir qu’un compte a été créé avec mon adresse mail et qu’il est en attente de confirmation. Je vais voir cet email. Je clique sur le lien pour confirmer la création de mon compte et je peux voir que mon compte a bien été activé ! Je peux maintenant me connecter. Vous pouvez voir qu’il y a bien écrit « redirect=email » dans l’URL. Vous pouvez voir aussi qu’il y a beaucoup d’autres éléments après un # mais ces éléments n’ont pas d’importance pour vous. Si je retourne dans Supabase et que je rafraichis la page, je constate que mon compte a bien été créé. Je tape mon email et mon mot de passe.

3. Rediriger vers une page home

La redirection n’a pas marché car j’ai oublié de faire quelques choses dans les vidéos précédentes. Ce n’est pas grave, on va le faire tout de suite. Il fallait modifier le graphe de l’écran Home. Quand on est sur Home ici, il faut que la condition du graphe redirige l’utilisateur de login vers un autre écran. Or, il faut rediriger l’utilisateur si et seulement s’il n’est pas authentifié. J’assigne la condition à « isauthenticated ». Si je lance l’appli, vous voyez que cela fonctionne. Dans les prochaines vidéos, je vous montrerai comment gérer la déconnexion.