Maintenant que nous avons terminé de développer un serveur d'API Rest à part entière en utilisant LoopBack,
la prochaine question qui se posera dans votre esprit est,
comment adapter l'application Angular pour utiliser ce serveur d'API Rest ?
Comme nous l'avons fait dans les cas précédents,
nous devrons également reconfigurer notre application Angular pour utiliser spécifiquement les
points de terminaison de l'API Rest et
les différentes requêtes d'API Rest telles qu'exposées par notre serveur LoopBack.
Maintenant, c'est là que nous allons profiter d'
un SDK LoopBack qui peut être construit automatiquement pour nous à l'aide d'un module Node.
Nous allons examiner nos serveurs LoopBack,
différents points de terminaison de l'API Rest et construire automatiquement le SDK,
que nous pouvons ensuite intégrer dans
notre application Angular et être en mesure de communiquer avec notre serveur LoopBack,
à la fois pour l'authentification et aussi pour pouvoir échanger des données.
Pour commencer cet exercice,
cloner d'abord le dépôt git qui contient
une application Angular partiellement terminée qui communique avec notre serveur LoopBack.
Donc, pour ce faire, allez à votre emplacement pratique sur votre ordinateur.
Donc, je suis dans mon dossier Coursera Angular.
Je vais cloner le dépôt git en
tapant git clone
https://github.com/jmuppala/conFusion-Angular6-LoopBack.git,
puis cloner ce dépôt git.
Une fois que le dépôt git est cloné,
nous allons passer dans le dossier LoopBack Confusion Angular6, puis
effectuer une installation NPM pour installer
tous les modules de noeud pour cette application Angular partiellement terminée.
Pour créer automatiquement le kit de développement logiciel LoopBack pour notre serveur LoopBack,
nous allons prendre l'aide de ce module de nœud LoopBack SDK Builder.
Donc, ce LoopBack SDK Builder
est un module de nœud basé sur la communauté qui est réellement développé
à partir du SDK officiel LoopBack Angular que les développeurs de LoopBack avaient publié.
Le SDK de Loopback Angular pris en charge Angular JS.
Donc, cela a été modifié dans ce Générateur de SDK de loopback
pour prendre en charge les deux Angular et sur les applications.
Ainsi, le Générateur de SDK LoopBack,
le module de nœud lui-même une fois qu'il est installé dans votre dossier de projet serveur,
vous pouvez utiliser le Générateur de SDK LoopBack pour
passer automatiquement à travers votre application LoopBack que vous avez déjà construite.
Cela construira automatiquement tout ce
dont nous avons besoin pour commencer sur notre application Angular.
Donc, il construit le kit de développement logiciel.
Ainsi, dans le kit de développement logiciel,
le logiciel LoopBack SDK Builder exporte
toutes les interfaces, tous les modèles pour les différentes données que nous allons stocker sur
notre serveur LoopBack ainsi que
tous les services API qui peuvent être utilisés dans votre application Angular.
Ainsi, vos modèles et vos services viennent automatiquement pour le trajet une fois que vous avez créé le SDK.
Maintenant, il s'agit juste d'incorporer ce SDK dans notre application Angular,
puis de commencer rapidement.
Puisque nous avons déjà construit notre application Angular dans un cours précédent,
je vais mettre à niveau cette application pour utiliser
le SDK LoopBack que nous allons exporter à partir de ce Générateur de SDK LoopBack.
Dans l'étape précédente,
vous venez d'installer
l'application Angular partiellement complétée qui a
déjà été adaptée pour utiliser le SDK LoopBack.
Donc, allons de l'avant et construisons
le SDK LoopBack, puis déployez-le dans notre application Angular,
puis continuons et compilons notre application Angular et commençons avec elle.
Pour configurer le SDK LoopBack,
accédez au dossier serveur LoopBack dans l'onglet de votre terminal ou dans la fenêtre de commande.
Donc, je suis dans mon dossier serveur LoopBack.
Donc, dans ce dossier,
laissez-moi aller de l'avant et installer ce LoopBack
SDK Builder.
Une fois que le générateur est installé,
continuons et construisons le SDK LoopBack.
Pour construire le SDK LoopBack,
nous allons prendre l'aide de l'outil de ligne de commande LB-SDK que ce module LoopBack SDK
configure automatiquement pour nous.
Donc, pour y accéder, nous dirons,. /node modules.
Ainsi, dans les modules de noeud,
il y a le dossier a.bin qui est automatiquement créé chaque fois que vous
installez divers modules de noeud dans le dossier là.
Donc, pour aller dans le dossier the.bin,
nous allons accéder à cette commande LB-SDK là,
qui est automatiquement installé,
alors nous allons appeler ce serveur de largeur. /server.js,
et nous devons spécifier le chemin d'accès à l'application Angular que nous venons de configurer.
Donc, mon application angulaire est actuellement dans
mes documents Coursera angulaire confusion angulaire dossier LoopBack.
Alors, laisse-moi copier cette partie.
Ensuite, laissez-moi aller dans mon terminal ou la fenêtre de commande
où j'essaie de configurer mon SDK LoopBack.
Donc, à l'invite,
puisqu'il se trouve dans le dossier Mes documents,
je vais taper le chemin d'accès complet à cela à partir de mon dossier racine dans mon mac.
Si vous utilisez leur système Windows,
assurez-vous que ce chemin indique le chemin d'accès complet à partir des points C ou D deux-points,
quel que soit le lecteur que vous installez sur votre ordinateur Windows.
Donc, le chemin complet vers votre dossier LoopBack angulaire,
puis nous dirons,
/SRC, le dossier source là, puis l'application.
Ensuite, nous allons déployer le SDK dans
le dossier partagé dans le sous-dossier SDK.
Nous voulons que ce Générateur de SDK LoopBack
déploie automatiquement la version Web NG2 du SDK.
Donc, c'est la version qui prendra en charge
les applications Web et notre application Angular dans ce cas.
Si vous construisez ceci pour une application de script native, alors vous direz,
NG2 natif pour construire le SDK pour l'application Native Script.
Puisque je construis mon application Angular,
je vais juste dire, NG2 web,
puis laisser le Générateur de SDK Loopback
construire automatiquement le kit de développement logiciel, puis le déployer
dans mon dossier source application/shared/sdk d'applications angulaires là.
Ainsi, après quelques secondes,
le SDK est construit et déployé sur mon application Angular.
Maintenant, avant de démarrer mon application Angular,
laissez-moi démarrer mon serveur LoopBack,
et avant de le faire, j'irai dans un autre onglet de terminal
ici, puis démarrez mon serveur MongoDB,
alors je vais dire,
Mongod —dbpath=data, puis
démarrez mon serveur MongoDB.
Tout d'abord, laissez-moi démarrer mon serveur LoopBack.
Donc, à l'invite de démarrage NPM,
et mon serveur LoopBack devrait être opérationnel dans un court laps de temps.
Ensuite, allez maintenant à mon application LoopBack,
laissez-moi ouvrir cette application dans
mon code Visual Studio afin que nous puissions regarder le code source.
Une fois que mon application est ouverte dans le code Visual Studio,
laissez-moi prendre cela dans une nouvelle fenêtre de bureau.
Ensuite, laissez-moi également démarrer mon déploiement d'application Angular
en tapant NgServe à l'invite et attendez que mon application Angular soit compilée.
Une fois que mon application angulaire est compilée et appliquée,
laissez-moi aller à un navigateur,
puis vérifiez d'abord cette application angulaire.
Aller au navigateur,
laissez-moi ouvrir un nouvel onglet ici,
puis tapez localhost : 4200 et vous verrez
l'application Angular déployée sur cette fenêtre de navigateur ici,
et vous pouvez voir que l'Accueil,
la page À propos de nous avec toutes les données,
puis le Menu et aussi les Mes Favoris.
Actuellement qui ne montre rien parce qu'
aucun utilisateur n'est connecté et la page de contact, comme avant.
Donc, pour me connecter, laissez-moi me connecter en tant qu'utilisateur, puis je vais taper
mon nom d'utilisateur et un mot de passe ici,
puis une fois que je me connecte, vous pourrez voir que lorsque j'accède à Mes Favoris,
les Favoris de cet utilisateur particulier seront affichés ici.
Comme avant, nous pouvons taper des commentaires, puis soumettre des commentaires,
puis ajouter des éléments aux favoris et ainsi de suite.
Toutes les fonctionnalités que vous avez vues avec les versions antérieures de
l'application Angular sont également prises en charge dans cette version de l'application Angular.
Aussi pour que votre serveur LoopBack puisse servir des images,
toutes ces données seront stockées dans votre code serveur dans le dossier client du code serveur.
Donc, dans le dossier client de mon serveur LoopBack,
notez que j'ai créé ce sous-dossier
nommé images, puis stocké toutes les images dans le sous-dossier.
Maintenant, pour que ces images soient diffusées et aussi pour que
le dossier client soit utilisé comme dossier public pour mon serveur LoopBack,
puis dans quelques modifications que je dois apporter à mon serveur LoopBack.
Maintenant, la première chose que vous devez faire est,
allez dans le dossier de démarrage et dans le dossier de démarrage,
vous verrez ce fichier root.js ici,
qui contient cette information ici.
Maintenant, vous pouvez soit supprimer le fichier root.js
ou simplement renommer le fichier root.js en autre chose.
Donc, ici, vous voyez que j'ai renommé ce fichier en root.jsold avec l'extension jsold.
Maintenant, ce fichier ne doit plus contenir l'extension the.js.
Donc, quoi que ce soit d'autre que l'extension the.js est bien.
Donc, ce que cela signifie est que dans ce cas,
mon serveur LoopBack, quand il démarre, n'exécutera pas le code dans ce dossier.
Maintenant, quand vous regardez le code dans le fichier root.js qui a été configuré plus tôt,
vous avez vu que le routeur a été configuré de telle sorte que,
lorsque vous accédez à la barre oblique qui est le dossier racine de vos serveurs,
il va simplement servir l'état LoopBack des serveurs et en effet,
c'est ce que nous avons vu notre serveur LoopBack assurant
la disponibilité et la dernière heure de redémarrage de notre serveur.
Nous ne voulons pas qu'il le fasse,
au lieu de cela, nous voulons que notre serveur LoopBack puisse utiliser tout ce que nous
mettons dans le dossier client comme dossier public et donc
n'importe quelle application client peut être déployée dans
le dossier client de mon serveur LoopBack et devrait être
accessible lorsque nous accédons à LoopBack à ses points de terminaison barre oblique standard.
Donc, c'est la racine du dossier du serveur.
Donc, pour ce faire, la première chose que vous devez faire est de
changer le nom de ce fichier root.js en root.
par exemple, vous pouvez simplement renommer cela en
root.jsold ou vous pouvez simplement supprimer ce fichier.
Ce fichier ne sera pas nécessaire dans cette version de mon serveur LoopBack.
Maintenant, pas seulement cela,
la deuxième partie que vous devez reconfigurer est d'aller dans le fichier middleware.json ici.
Le fichier middleware.json.
Dans le fichier middleware.json,
si vous faites défiler vers le bas,
vous verrez que ici, à
l'origine, cela contiendra simplement des fichiers : puis une accolade vide ici.
Maintenant, dans cette accolade vide ici,
ajoutez simplement ce code ici,
qui dit loopback #static et il dit params$ !.. /client.
Donc, cela indiquera à mon serveur LoopBack
que le dossier client disponible ici
doit être utilisé comme dossier public statique pour mon serveur LoopBack.
Donc, tout ce qui est mis dans le dossier client peut être consulté à partir de mon serveur.
Donc, c'est la modification supplémentaire que vous devez faire au fichier middleware.json.
Donc, une fois ces deux modifications effectuées,
votre serveur LoopBack sera configuré pour diffuser les données, y compris
les images que vous allez mettre dans
le sous-dossier images sous le dossier client ici.
Donc, assurez-vous de copier les images dans le dossier client ici et le second est d'
aller au fichier middleware.json dans le dossier du serveur,
puis de mettre à jour cette partie.
Une fois que nous avons fait cela, alors ces images sont accessibles en accédant simplement
au /images/ le nom du fichier image pour accéder à
ces images parce que nos plats
, leaders, et les promotions nécessiteront ces fichiers image et
que cela sera disponible pour nous sur
le serveur LoopBack et aussi tout ce que vous mettez dans le dossier client.
Ainsi, par exemple, vous pouvez préparer le dossier de distribution
pour votre application Angular et simplement copier
l'intégralité du contenu du dossier de distribution dans le dossier client ici,
puis si vous accédez au serveur LoopBack à
son point de terminaison racine standard
, votre application Angular sera automatiquement servi par votre serveur LoopBack.
Donc, ce sont les deux modifications que vous devez apporter à votre serveur LoopBack.
Bien sûr, vous devez être curieux de savoir comment exactement ce SDK est-il construit,
où est exactement ce SDK et comment vais-je réellement
l'utiliser dans mon application Angular.
Donc, pour ce faire, allons dans notre application Angular et dans le dossier source,
sous le dossier de l'application source,
maintenant lorsque vous ouvrez le dossier partagé,
vous verrez qu'il y a un sous-dossier ici nommé SDK et à l'intérieur de ce sous-dossier SDK,
vous trouverez tout un tas de fichiers ici,
lb.config.ts, index.ts et dans les sockets de stockage,
les services et à l'intérieur du service,
vous avez ici des services personnalisés et des services principaux,
ainsi que les différents modèles qui sont déployés ici.
Les modèles contiennent en fait les structures de modèles
de nos différents modèles que nous mettons en œuvre.
Maintenant, c'est le SDK LoopBack.
Ce code est automatiquement construit pour vous et si vous le souhaitez,
vous pouvez simplement entrer et ensuite
passer à travers ces fichiers pour juste voir ce qui est disponible là-bas.
Assurez-vous de ne pas modifier les fichiers de
ce sous-dossier SDK car celui-ci est
automatiquement créé pour vous par le Générateur de SDK de bouclage,
et cela contiendra tout ce qui est configuré pour que
votre serveur LoopBack soit accessible à partir de votre application Angular.
Les services que je vais utiliser sont tous disponibles ici.
Maintenant, comment on utilise ça ?
Donc, pour vous aider à comprendre comment nous en faisons usage,
visitons notre composant d'accueil et voyons comment le composant d'accueil est maintenant mis à jour.
Donc, quand vous allez à la composante de la maison,
vous remarquerez que je suis en train d'importer des plats de.. /shared/sdk/modèles.
Donc, ce sont les modèles qui sont automatiquement exportés dans
le SDK par mon Générateur de SDK de bouclage.
Donc, c'est là que mon modèle de plats sera défini là.
Donc, je vais juste tirer parti du modèle de vaisselle.
De même, le service lui-même est disponible comme ce Dish.SAPI,
comme vous pouvez le voir ici et ce Dish.SAPI est dans le.. /shared/sdk/services dossier ici.
De même, les promotions et l'API des promotions,
et les leaders et dirigeants API.
Donc, ceux-ci sont tous construits automatiquement pour moi par le Générateur de SDK de Loopback.
Maintenant, alors vous allez dans le code,
vous remarquerez maintenant que je vais déclarer le plat comme plats,
promotion comme promotions, et leader comme /leaders.
Ces trois modèles sont exportés par le Générateur de SDK de bouclage.
Notez également comment j'ai reconfiguré les trois services ici.
Maintenant, mon service de plat se réfère à l'API de plats, les
services de promotion se référant à l'API de promotions,
et le service leader à l'API leaders,
et aussi remarquer comment j'accède au service de plat ici.
Donc, je dirai que ce service de plat trouver un et où en vedette égale à vrai.
Donc, c'est là que vous vous souvenez que dans mon explorateur d'API de repos LoopBack,
j'avais tapé ceci dans le filtre là,
puis j'ai essayé de trouver la vaisselle là-bas.
Donc, c'est exactement ce que je fais ici aussi dans mon code ici.
Donc, ce
FinDone, puis fourni avec ceci, va trouver un élément et ensuite le retourner ici,
et puis que j'assigne chacun à ce plat ici et
le reste de mon application Angular fonctionne exactement de la même manière qu'avant.
Maintenant, notez également que dans le constructeur,
notez comment j'ai configuré ceci appelé la configuration LoopBack.
Maintenant, pour faire la configuration LoopBack dans chaque composant que vous utilisez,
vous devez importer cette configuration LoopBack à partir de ce dossier SDK partagé ici et aussi,
cette version d'API que je déclare.
J' ai mis à jour ce fichier baseurl.ts.
Donc, dans le dossier URL de base,
j'ai mis à jour ceci à mon nom de mon ordinateur deux-points 3000.
Donc, celui-ci assurez-vous de remplacer ceci par
l'adresse IP ou le nom de votre ordinateur spécifique sur lequel vous exécutez.
Donc, assurez-vous de mettre à jour l'URL de base ici et la version de l'API ici est simplement une chaîne.
Dire API ici.
Donc, ces deux-là vont être utilisés dans mon fichier de component.ts à la maison.
Donc, j'importe cette version d'API ici et le LoopbackConfig.
Le BaseURL que j'
injecte déjà dans mon constructeur ici donc il est déjà disponible ici,
et puis dans mon constructeur de mon composant,
j'ai besoin de faire ces deux instructions ici.
Donc, nous allons dire, « LoopBack définir l'URL de
base à l'URL de base » qui est le même que celui que je viens d'
injecter là-bas, puis regarder en arrière sur la version de l'API définie ici.
Donc, ces deux-là que j'ai besoin de configurer dans mon composant personnel
et aussi tout autre composant où j'accède à mon serveur LoopBack,
j'ai besoin de configurer ceci.
Maintenant, le constructeur de SDK LoopBack suggère que nous devons le
faire dans chacun des composants ici.
En outre, vous remarquerez que si vous allez au fichier app module.ts dans le fichier app module.ts,
j'ai supprimé toutes les entrées de tous les autres services et à la place j'importe
ce ici appelé module de navigateur SDK d'importation à partir du SDK de partage ici.
Module de navigateur SDK ici,
et si vous descendez dans les entrées ici,
vous verrez que j'ai configuré ce module de navigateur SDK .forRoot ici dans les entrées.
Donc, ce module SDK Browser est automatiquement configuré lorsque nous construisons notre SDK LoopBack et
nous avons juste besoin d'importer cela dans notre
fichier .ts de l'application et aussi remarquer que les fournisseurs,
c'est là que nous avons configuré nos services,
ne contiennent plus aucun des services parce que
vient dans le cadre de mon SDK LoopBack,
donc la seule chose que je fournit est l'URL de base ici.
J' ai supprimé tous les autres de mon fichier module.ts d'application ici.
Donc, c'est un changement que vous remarquerez.
De même, si vous allez dans le fichier À propos de component.ts,
le fichier Dish.Detail component.ts,
le fichier component.ts favoris et aussi le fichier component.ts de menu.
Alors regardons le fichier de composant de menu .ts.
Donc, vous verrez ici à nouveau j'importe ces
quatre, puis dans mon composant de menu, je dis, l'
API de plats de services Dish et puis je suis en train de
configurer la version de l'ensemble LoopbackConfig BaseURL setAPI.
Je l'ai déjà fait dans le dépôt Angular que je
vous ai fourni pour mon application angulaire pour le serveur LoopBack,
et aussi, vous verrez que je viens de faire quelques modifications ici.
Donc, si vous voulez trouver tous les articles du service de vaisselle de sorte que vous dites simplement
dishservice.Find et qui va retourner
tous les plats qui sont là dans mon serveur LoopBack ici.
C' est ce que je récupère ici.
Donc, le reste du code devrait sembler familier ici sauf que ici, j'appelle des
plats est égal à des plats et une gamme de plats ici.
C' est donc le changement que vous verrez dans le composant de menu.
Maintenant, vous devez vous demander comment fonctionne l'authentification utilisateur dans ce cas.
Pour l'authentification de l'utilisateur, permettez-moi d'attirer votre attention sur
deux endroits où j'utilise l'authentification de l'utilisateur.
Allons d'abord au composant de connexion.
Donc, dans le composant de connexion,
vous verrez que dans le composant de connexion j'importe ces deux ici,
l'API client qui est les services qui me permettent de
faire l'authentification de l'utilisateur et la connexion et la déconnexion,
et aussi j'importe le modèle de client et le modèle de
jeton d'accès et dans le composant de connexion,
vous verrez que par le service Auth est maintenant rien d'autre que l'API client et
aussi vous remarquerez que dans le composant de connexion lorsque le formulaire de connexion est soumis,
j'appelle ce AuthService.login.
Cette fonction de connexion est disponible via l'API client.
Rappel lorsque nous avons essayé de nous connecter à l'aide de l'explorateur d'API de repos LoopBack,
nous utilisions le point de terminaison client pour se connecter au système.
Donc, c'est exactement ce que je fais dans le code ici.
Donc, nous allons dire ce AuthService.login et ici vous voyez qu'
il prend ces paramètres libres ici,
le nom d'utilisateur et le mot de passe comme le premier objet JavaScript ici,
et puis je spécifie également cet utilisateur.remember., .remember est le drapeau
de la case se souvenir de moi que nous avons dans notre boîte de dialogue des composants de connexion.
Ainsi, lorsque l'utilisateur vérifie que dans les informations de l'utilisateur sera
automatiquement persisté par le SDK.
Service Auth fourni dans le SDK.
Donc, maintenant vous voyez que je n'ai pas besoin d'
implémenter explicitement un service d'autorisation qui est
automatiquement disponible pour moi via
l'API client qui est disponible en tant que service ici.
Donc, c'est ainsi que je me connecte à l'utilisateur ici,
et quand l'utilisateur se connecte, cela retournera
un objet JavaScript et à partir de l'objet JavaScript, j'obtiens
l'utilisateur res.user.. fournit les informations de l'utilisateur pour moi et j'
envoie simplement cela à mon HeaderComponent ici.
Donc, aller dans le HeaderComponent.
Donc, allons dans le composant d'en-tête,
et dans le fichier HeaderComponent.ts,
vous verrez que encore ici j'importe l'API client et le
client ici et aussi vous remarquerez que dans l'API client,
je spécifie ici note que je dis que
ce client est cet AuthService GetCachedCurrent.
Donc, si un utilisateur est verrouillé dans les
informations des utilisateurs actuellement connectés sont jetées dans le AuthService qui n'est rien d'autre que l'API client.
Donc, quand j'appelle ce getCachedCurrent, cela retournera l'utilisateur actuellement connecté.
Si aucun utilisateur n'est connecté,
cela renvoie null.
C' est donc une façon de vérifier si un utilisateur est actuellement connecté ou non.
Donc, si l'utilisateur est actuellement connecté, alors this.customer
obtiendra les informations sur le client qui est chargé dans.
Les informations client, y compris le prénom, le nom,
l'e-mail et le profil de l'autre utilisateur, seront disponibles pour cet objet this.customer.
Donc, ici, je vérifie pour m'assurer que le this.customer n'est pas nul.
Si ce n'est pas null, je vais enregistrer le nom d'utilisateur dans
this.customer.username et de cette façon, lorsque
le nom d'utilisateur est défini, mon en-tête dans
la barre d'outils dans mon HeaderComponent reflétera le nom de l'utilisateur là-bas.
Maintenant, pour déconnecter l'utilisateur tout ce que je fais, c'est que je mets le nom d'utilisateur et
les variables client à null, puis j'ai simplement appelé authService.log,
AuthServices est CustomerAPI.Logout, et c'est ainsi que je déconnecte l'utilisateur.
Lorsque l'utilisateur se déconnecte,
ses informations d'identification sont toutes détruites.
Maintenant, tout cela est pris en charge automatiquement par le service d'API client
qui est disponible dans mon SDK LoopBack que je viens de construire là-bas.
Donc, vous remarquez que la façon dont le Générateur de SDK LoopBack construit
les services et les modèles et tout ce dont j'ai besoin et dans mon application Angular,
je suis simplement en train d'importer
ceux-ci et ensuite de les utiliser pour configurer mon application Angular.
Donc, une fois que j'ai construit
le SDK LoopBack en utilisant le Générateur de SDK LoopBack, tout ce qui me reste est d'
implémenter les composants et leurs modèles de vue qui sont assis tout le reste.
Les services sont automatiquement construits pour moi par le logiciel LoopBack SDK Builder,
les modèles sont automatiquement construits pour moi et tout ce que je dois faire est
juste d'importer ceux-ci dans tous les composants où j'ai besoin d'en faire usage.
Donc, remarquez comment cette application angulaire a été mise à jour pour utiliser le SDK LoopBack.
Maintenant, si vous voulez plus d'informations sur la façon dont le SDK LoopBack doit être utilisé,
vous pouvez également consulter la documentation fournie par le Générateur de SDK LoopBack.
Par conséquent, si vous accédez au Générateur de SDK LoopBack,
un lien vers celui-ci est disponible dans les ressources supplémentaires de cette leçon,
et dans le Générateur de SDK LoopBack,
vous disposerez
de toutes les informations dont vous avez besoin pour utiliser le SDK créé par le Générateur de SDK LoopBack.
Donc, si vous allez à la documentation wiki.
Dans la documentation wiki, beaucoup d'explications sur la façon dont le Générateur de SDK LoopBack peut
être ou le SDK généré par le Générateur de SDK LoopBack doit être utilisé est tout donné ici.
Donc, je viens de parcourir cette documentation pour comprendre comment
utiliser le SDK qui est construit par le Générateur de SDK LoopBack,
puis reconfiguré mon application Angular pour en faire usage
pour interagir avec mon serveur LoopBack.
Donc, avec cela, je vous l'ai rapidement démontré comment
vous pouvez construire votre application Angular et
tirer parti du SDK construit par le Générateur de SDK LoopBack
afin d'accéder à votre serveur LoopBack depuis votre application Angular.
Une approche similaire sera également appropriée pour votre application Ionic.
Pour l'application Native Script, vous construisez le SDK avec NG2 natif dans
la ligne de commande au lieu de NG2 Web comme nous l'avons utilisé lors de la création de ce SDK.
Avec cette introduction rapide sur la façon dont nous pouvons utiliser
le Générateur de SDK LoopBack pour construire le SDK et
ensuite l'utiliser dans notre application Angular,
ils arrivent à la fin de cet exercice.