Scribd
Importer
39 vues5 pages

TD N°3 Création Des Premières Pages Et Fonctionnalités Front

Le document présente les attentes pour un projet de développement web, incluant la création de pages d'inscription et de login fonctionnelles avec Firebase Auth. Il souligne l'importance de l'utilisation du pattern MVVM et du routeur pour la navigation entre les pages, ainsi que l'intégration de Firestore pour la gestion des données. Des instructions spécifiques sont fournies pour l'authentification et la récupération des données dans le frontend.

Transféré par

2624858158
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
39 vues5 pages

TD N°3 Création Des Premières Pages Et Fonctionnalités Front

Le document présente les attentes pour un projet de développement web, incluant la création de pages d'inscription et de login fonctionnelles avec Firebase Auth. Il souligne l'importance de l'utilisation du pattern MVVM et du routeur pour la navigation entre les pages, ainsi que l'intégration de Firestore pour la gestion des données. Des instructions spécifiques sont fournies pour l'authentification et la récupération des données dans le frontend.

Transféré par

2624858158
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

TD n°3 – Création des

premières pages et
fonctionnalités front
API et services cloud
EILCO Calais
INFO2 FISE 2024 – 2025
13/02/2025
BADEUILLE PAUL
HOCHART JIMMY
Attendus en fin de séance

01 02 03
Page d’inscription Page de login Récupération et
fonctionnelle avec fonctionnelle avec écriture de données
Firebase Auth Firebase Auth (et “Mot « test » depuis
(email+mdp minimum de passe oublié”) et Firebase sur une page
et lien de validation bouton de protégée par
par email) déconnexion une fois l’authentification
connecté
Utilisation de Angular Fire Auth

https://github.com/angular/angularfire/blob/main/docs/auth.md#authentication

Utiliser le pattern MVVM (créer un service pour l’authentification et une


interface pour définir un utilisateur)

Utiliser le routeur pour naviguer de la page connexion à la page inscription


(un composant pour chaque page)

ATTENTION : On ne stocke pas d’identifiants en base de données


Utilisation de Firestore
Créer un composant avec accès protégé par l’authentification
(AngularFireAuthGuard)

https://github.com/angular/angularfire/blob/main/docs/firestore.md#cloud-
firestore

Ajouter un objet manuellement avec la console Firebase dans Firestore et le


récupérer dans le frontend

Ecriture de données « test » dans Firestore par le frontend avec un simple


formulaire
Questions ?

Vous aimerez peut-être aussi