Authentification des incendies et angulaires avec Auth0: Partie 2

Cet article, initialement publié sur Auth0.com, explique comment créer une application sécurisée à l'aide de Node.js, Angular, Auth0 et Firebase. Ce didacticiel en deux parties se concentre sur la sécurisation à la fois le frontal (angulaire) et le back-end (nœud) avec Auth0, et l'authentification de Firebase Cloud Firestore avec des jetons personnalisés pour des commentaires sécurisés en temps réel. Le code angulaire est disponible sur GitHub (Angular-Firebase Repo), et l'API du nœud est dans le repo Firebase-AuTh0-Nodeserver.

Partie 1 Configuration couverte, une API de nœud sécurisé pour les jetons de base de feu, l'architecture angulaire, l'authentification Auth0 dans les composants angulaires et partagés.

Les plats clés de la partie 1:

• Affichage de données efficace en utilisant le tuyau asynchrone d'Angular et le ngifelse.
• Paramètres d'itinéraire pour les détails de l'article individuel (par exemple, les détails du chien).
• Classes TypeScript pour la modélisation des données et la compatibilité des bases.
• Configuration de Firebase Cloud Secure Firestore avec des règles personnalisées.
• Formes pilotées par des modèles en angulaire pour l'interaction et la validation de l'utilisateur.
• Interaction des données en temps réel en angulaire en utilisant AngularFire2.
• Sécurité robuste à l'aide d'Auth0 pour l'authentification et les règles de base de base pour l'accès à la base de données.

Authentification de la base de feu et angulaire avec Auth0: partie 2

La partie 2 détaille la mise en œuvre des fonctionnalités de l'application:

1. Affichage des chiens: utilise le tuyau async et NgIfElse pour une gestion et un affichage efficaces des données, gérer les états de chargement et d'erreur.
2. Détails du chien avec les paramètres de la route: Remplace et affiche les détails des chiens individuels en utilisant les paramètres de route, améliorant l'interaction utilisateur.
3. Classe de modèle de commentaire: Définit une classe Comment dans TypeScript pour la gestion structurée des données, y compris une méthode pour convertir les instances de classe pour la compatibilité des bases.
4. Firebase Cloud Firestore and Rules: Configure les règles de sécurité Cloud Firestore pour contrôler, créer et supprimer les opérations en fonction de l'authentification des utilisateurs.
5. Composant des commentaires: implémente la section des commentaires en utilisant AngularFire2 pour récupérer et afficher les commentaires en temps réel.
6. Composant de formulaire de commentaire: Crée un formulaire pour les utilisateurs pour soumettre des commentaires, y compris la validation.
7. Commentaires en temps réel: démontre des mises à jour en temps réel des commentaires en utilisant les capacités en temps réel de Firebase.
8. Conclusion: résume le tutoriel et fournit des liens vers des ressources supplémentaires.

Cette partie s'appuie sur la partie 1, en supposant que l'API Node.js est en cours d'exécution. Il détaille la mise en œuvre du composant Dogs, de la gestion des données et de l'affichage des données, et le composant Dog, présentant les paramètres de route. La classe de modèle Comment est introduite, suivie par la configuration des règles Firebase Cloud Firestore pour l'accès aux données sécurisées. Le composant Comments et le composant Comment Form sont ensuite implémentés pour gérer l'affichage et la soumission des commentaires en temps réel. Le tutoriel se termine par une démonstration de fonctionnalités en temps réel et de suggestions de développement ultérieur. Des ressources supplémentaires sur les tests angulaires et Firebase / Auth0 sont fournies. Enfin, une section FAQ répond aux questions courantes concernant l'authentification des bases de feu avec Angular et Auth0.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!