Angulaire Guide de démarrage, des notes d'apprentissage des connaissances.
Angulaire principe de base HttpClient
Documents de référence: https://angular.cn/guide/http
Pourquoi le service d'écriture?
Dans le combat réel, accès aux données rarement été aussi simple. Vous faites habituellement après le traitement des données, ajouter gestionnaire d'erreurs peut également ajouter une logique de nouvelle tentative, afin de faire face au réseau de ventilation.
Les détails de ces composants seront bientôt en raison de la façon dont les données sont encombrées. Assemblée, il devient difficile à comprendre, difficile à tester, et la logique d'accès aux données ne peut pas être réutilisé, et ne peut être normalisée.
Voilà pourquoi les meilleures pratiques nécessaires pour séparer la logique de présentation des données de l'extérieur logique d'accès aux données, que la logique d'accès aux données dans un seul paquet de services, et la logique d'accès aux données confié au composant de service. Même une application simple devrait être le cas.
Lire le corps de réponse complète
réponse du corps ne peut pas contenir toutes les informations dont vous avez besoin. Parfois, le serveur retourne l'en-tête de réponse ou d'un code d'état spécial pour marquer certaines conditions, il peut être nécessaire de les lire.
Pour ce faire, vous devez dire HttpClient observer les options, vous voulez une information de réponse complète, pas seulement le corps de la réponse.
Initier demande JSONP
Lorsque le serveur ne supporte pas les protocoles CORS, les applications peuvent utiliser HttpClient JSONP demande inter-domaines émis.
Angulaire la demande renvoie une suite à la cible d'observation JSONP Observable, peut-être le mode de souscription variable et avant utilisation ansync résultats de la gestion du pipeline, en utilisant RxJS réponse carte opérateur de conversion.
Dans angulaire utilisé JSONP NgModule en incluant dans les importations HttpClientJsonpModule.
Obtient les détails de l'erreur
Lorsque l'échec de l'accès aux données à l'utilisateur des commentaires, est en effet une bonne idée. Cependant, l'affichage direct des données d'erreur d'origine renvoyé par le HttpClient ne suffit pas.
Détecter l'apparition d'erreurs est la première étape, mais si vous savez quelle erreur spécifique est produite sera plus utile.
objets observables (observables) et l'opérateur (opérateur)
RxJS est une bibliothèque de communication asynchrone et la fonction de rappel en fonction d'un code de combinaison dans la formule de fonction (fonctionnelle), la réponse du style de formule (réactive).
De nombreuses API angulaire, y compris Observable HttpClient va générer et consommer RxJS de.
RxJS lui-même est au-delà de la portée de ce chapitre. Vous pouvez trouver plus de ressources d'apprentissage sur le réseau. Bien que seulement une petite quantité de connaissances peuvent être obtenues solutions RxJS, mais plus tard, vous augmenterez progressivement RxJS compétences pour une utilisation plus efficace HttpClient
tête HTTP
De nombreux serveurs nécessitent des en-têtes supplémentaires opération de sauvegarde. Par exemple, ils peuvent avoir besoin en-tête Content-Type déclarer explicitement le corps de type MIME de la demande, sinon, le serveur peut exiger un jeton d'autorisation.
Ajouter en-tête de demande