‫Narrateur : Créons maintenant une configuration Postman plus avancée, afin de
‫nous faciliter la vie lorsque nous
‫travaillons avec cet outil.
‫Donc, de retour ici
‫dans Postman, le premier concept que
‫je veux vous montrer est le concept d'environnement.
‫Alors, peut-être avez-vous remarqué qu'ici, il est dit
‫pas d'environnement, n'est-ce pas ?
‫Et, c'est parce que,
‫eh bien, à ce stade, nous n'avons créé aucun environnement.
‫D'accord.
‫Et, donc, fondamentalement, un environnement est comme un contexte dans
‫lequel notre application s'exécute.
‫Et, nous pouvons ensuite spécifier quelques variables pour
‫chacun de ces environnements.
‫Et, les deux qui ont le plus de
‫sens sont, tout comme nous l'avons dans
‫notre application express, l'environnement de développement et de production.
‫Commençons donc par ajouter notre premier, notre environnement ici.
‫D'ACCORD.
‫Et, je vais appeler ça une profondeur et ensuite pour Naters, donc
‫le nom de notre application.
‫D'ACCORD.
‫Et, donc la variable que je vais créer ici
‫s'appelle URL.
‫Parce que c'est la chose
‫la plus importante que je veux changer d'un environnement à l'autre.
‫Ainsi, en développement, nous aurons une URL, puis
‫en production, nous en aurons une autre.
‫Droit.
‫Et, donc, définissons maintenant
‫l'URL ici sur http 127001,
‫qui
‫signifie localhost.
‫Ensuite, port 3000 et, je
‫pense que c'est en fait ça.
‫C'est donc la valeur initiale de notre variable URL.
‫D'ACCORD.
‫Alors, ajoutons maintenant
‫Et, juste comme ça, nous avons notre nouvel environnement de profondeur.
‫Nous pouvons également en ajouter un pour la production.
‫Mais, ici, nous n'avons pas encore vraiment
‫d'URL.
‫Donc, ça disait simplement Naters point io,
‫qui n'existe pas.
‫D'ACCORD.
‫Mais, c'est simplement, disons, un espace réservé.
‫D'accord?
‫D'ACCORD.
‫Alors, allons-y maintenant et utilisons
‫cette variable d'environnement que nous venons de créer.
‫Alors, rappelez-vous, cela s'appelle URL.
‫Et, maintenant, ce que
‫je veux faire, c'est aller de l'avant et remplacer cette URL
‫ici donc, ici, par la variable que nous venons de créer.
‫Et, nous le faisons en utilisant des accolades, le
‫nom de la variable,
‫puis à nouveau des accolades.
‫D'accord.
‫Et, donc, cela sera maintenant
‫remplacé par la variable provenant de notre environnement.
‫Maintenant, lorsque nous survolons ceci, nous pouvons voir
‫que ce n'est pas résolu, mais c'est parce que nous
‫n'avons pas encore choisi notre environnement.
‫Nous devons donc accéder à
‫ce menu ici, puis sélectionner la profondeur de Naters.
‫Et, donc si nous la survolons maintenant, vous
‫verrez qu'il s'agit en fait de la variable que nous venons de définir auparavant.
‫D'ACCORD.
‫Donc, si nous essayons d'envoyer une demande maintenant,
‫alors, bien sûr, nous obtenons la bonne réponse comme nous le faisions auparavant.
‫D'ACCORD.
‫Et j'espère que vous pourrez voir à quel point cela sera utile
‫plus tard lorsque nous serons en production.
‫Parce que, si nous n'avions pas ces variables
‫d'environnement, plus tard, lorsque nous voudrons passer
‫au test de
‫cette API en production,
‫nous devrons alors changer manuellement toutes ces URL dans toutes les requêtes.
‫Et, pour l'instant, nous n'en avons pas tant que ça.
‫Mais imaginons que nous ayons 30, 50 ou 100 requêtes,
‫et que nous devions alors modifier manuellement ces URL
‫dans chacune d'elles.
‫Et, ce ne serait pas amusant du tout.
‫Et, maintenant nous allons le faire une fois
‫et ensuite ce sera fait pour le
‫reste du développement du projet.
‫Droit?
‫Donc, si nous passons maintenant à la production,
‫par exemple, alors, eh bien, nous aurions ici Naters
‫point io, puis API v1 et tournées.
‫D'accord.
‫Alors, allons de l'avant et copiez ceci
‫et collez-le dans tous ces éléments.
‫Donc, bien sûr, nous devons le faire une fois maintenant.
‫Mais encore une fois, il vaut mieux le faire
‫maintenant que nous n'avons pas encore autant de points de terminaison ici, que
‫de le faire plus tard.
‫Alors, gardez celui-ci.
‫Enregistrez à nouveau celui-ci.
‫En fait, débarrassons-nous de cette propriété.
‫Alors, économisez.
‫Sauvegarder.
‫Et, sauvez celui-ci aussi.
‫Donc, je vais le faire dans chacun d'eux maintenant.
‫OK, juste très rapidement.
‫Et, ces deux-là l'ont déjà.
‫D'accord.
‫Ensuite, obtenez toutes les visites.
‫Obtenez la visite ne fonctionne pas.
‫D'accord, sauvez.
‫Et, en fait, nous pouvons appuyer sur Command-S,
‫comme dans n'importe quelle autre application.
‫Et puis Commande-W pour fermer l'onglet.
‫D'ACCORD.
‫Donc, comme dans Google Chrome,
‫par exemple.
‫Donc, Commande-Enregistrer, Commande-S, puis
‫Commande-W.
‫Donc, juste pour aller un peu plus
‫vite, et maintenant nous avons presque fini ici.
‫Et c'est tout.
‫D'ACCORD.
‫Et, juste comme ça,
‫nous avons fondamentalement pérennisé notre développement d'API ici avec Postman.
‫Ensuite, rappelez-vous comment dans la dernière
‫conférence, j'ai dit que j'allais automatiser essentiellement
‫le processus de copie de ce jeton ici.
‫Et puis collez-le ici dans cet en-tête nu.
‫D'accord.
‫Et, alors faisons-le maintenant.
‫Et, pour cela, nous devrons en fait
‫écrire un peu de code.
‫Mais, ce n'est pas du tout un problème.
‫Alors, faisons-le.
‫Et, inscrivez-vous puis connectez-vous.
‫Parce que ce sont
‫les deux endroits, donc les deux
‫points de terminaison à partir desquels nous recevrons un jeton Web json, n'est-ce pas ?
‫Nous arrivons donc ici à l'onglet
‫test, que nous n'avons pas encore utilisé.
‫Et, donc ici, nous allons définir par
‫programme une variable d'environnement.
‫D'ACCORD.
‫Donc, nous avons créé des variables d'environnement
‫avant d'utiliser cette boîte de dialogue ici, d'accord ?
‫Mais, maintenant ici avec du code,
‫nous allons également créer par programme une variable d'environnement.
‫Et nous en créerons un pour le jeton Web
‫json que nous recevons dans la demande.
‫D'ACCORD.
‫Et, en gros, tout ce que nous devons faire
‫est d'utiliser les extraits que nous avons ici.
‫D'accord.
‫Donc, dans ce cas, nous voulons définir une variable
‫d'environnement et, donc, cliquons simplement ici.
‫Et, en effet, nous obtenons ce code pré-écrit pour nous ici.
‫D'ACCORD.
‫Il s'agit essentiellement de
‫JavaScript auquel nous pouvons accéder ici dans Postman.
‫Donc, PM, qui signifie probablement Postman, environnement
‫de points, qui est l'environnement actuel.
‫Et, ensuite, ensemble.
‫Donc, définissez la variable appelée JWT.
‫Et puis, bien sûr, la valeur de cela.
‫Et, où est cette valeur ?
‫Eh bien, c'est dans PM dot response dot
‫json.
‫Donc, en gros, pour le convertir en json.
‫Et puis jeton point.
‫Et, c'est un jeton de point
‫ici, bien sûr, car c'est le nom de notre
‫propriété dans l'objet de réponse.
‫D'ACCORD.
‫Donc, fondamentalement, ce code ici obtient la
‫réponse pour nous et, ensuite, là-bas, nous pouvons écrire la propriété
‫du jeton dot, puis l'affecter à la variable d'environnement JWT.
‫D'ACCORD.
‫Et, maintenant nous
‫avons un test actif ici, c'est pourquoi nous obtenons
‫ce point bleu ou un
‫vert, peut-être, (riant) et alors testons-le maintenant.
‫Alors, inscrivons-nous avec un nouvel utilisateur.
‫Je l'appelle utilisateur de test.
‫Nous devons nous débarrasser de cette virgule.
‫Et, maintenant, envoyons-le.
‫Et, nous n'avons pu obtenir aucune réponse.
‫Et, c'est parce que j'ai des points io ici.
‫Donc, je suis dans le mauvais environnement.
‫Alors, bien sûr, nous voulons être en développement.
‫Alors, renvoyez-le.
‫Et, donc ici en effet, nous obtenons notre jeton.
‫Et, vérifions maintenant s'il se trouve également dans
‫notre environnement.
‫Alors, pour ça, on vient ici.
‫Def, naters, et en effet, ici, nous obtenons maintenant JWT,
‫puis ce jeton que nous avons également ici.
‫D'ACCORD.
‫Cette variable symbolique que
‫nous avons ici devrait être exactement la même que celle en bas.
‫Ainsi, Postman l'a obtenu à
‫partir d'ici, puis l'a publié en tant que nouvelle variable d'environnement.
‫D'ACCORD.
‫Donc, c'est la première étape et la deuxième
‫étape est maintenant d'aller sur l'une de nos routes protégées,
‫qui, dans ce cas, n'est que celle-ci.
‫Et, alors ici, nous pouvons réellement supprimer cela
‫du tout.
‫Alors, juste de ce
‫côté, OK.
‫Alors, débarrassez-vous de tout cela.
‫Et puis nous
‫avons ici, comme vous
‫l'avez peut-être vu, un onglet d'autorisation.
‫D'ACCORD.
‫Donc, ici, nous pouvons maintenant
‫spécifier le type d'autorisation.
‫Et, vous voyez toutes ces différentes
‫ici, mais nous allons choisir le jeton du porteur.
‫D'ACCORD.
‫Ainsi, tout comme
‫nous avons spécifié Bearer dans
‫notre jeton, nous devons également nommer Bearer ici.
‫D'ACCORD.
‫Donc, jeton au porteur.
‫Et, maintenant, tout ce que nous avons à faire est de spécifier le jeton.
‫Et, rappelez-vous comment nous faisons cela?
‫Eh bien, en fait exactement de la même manière que nous l'avons fait ici.
‫Alors, accolades,
‫accolades, JWT, puis fermez-le.
‫Donc, il devient orange
‫et cela signifie que cela devrait maintenant fonctionner.
‫Et, testons maintenant ceci.
‫Et, bam, on y va.
‫Ainsi, nous avons vraiment eu accès aux données, ce qui
‫signifie que le jeton a été envoyé avec succès.
‫D'accord.
‫Et, nous pouvons réellement le voir
‫ici dans les en-têtes.
‫Ainsi, il pré-remplit automatiquement cet en-tête
‫maintenant pour nous.
‫Donc, nous avons l'autorisation là où nous avons Bearer
‫et toutes ces bonnes choses ici.
‫Et, en fait, il
‫a également mis tout cela ici pour nous.
‫D'ACCORD.
‫Donc, en fait, c'est exactement ce que nous avons
‫vu auparavant lorsque nous avons prévisualisé l'objet d'en-tête de point de
‫requête dans express.
‫Vous vous en souvenez ?
‫D'ACCORD.
‫Vous voyez ici qu'il n'est en
‫fait que généré temporairement.
‫Alors juste pour avoir un aperçu.
‫D'accord.
‫Et, donc, c'est en fait ça.
‫Cela nous simplifie grandement la
‫vie lorsque nous travaillons ici avec l'authentification.
‫Parce que, chaque fois que nous
‫voulons ajouter
‫une nouvelle route protégée, tout ce que
‫nous avons à faire est de venir ici dans
‫l'onglet d'autorisation, puis d'ajouter cette variable
‫ici et de spécifier que
‫nous travaillons avec un jeton Bearer.
‫D'accord.
‫Et, en fait, je viens de réaliser que
‫nous n'en sommes pas encore là.
‫Parce que, nous avons ceci ici dans l'inscription, donc,
‫ce test.
‫Mais, bien sûr, nous en avons également besoin lors de la connexion.
‫Donc, c'est l'autre endroit
‫à partir duquel nous pouvons obtenir un nouveau jeton frais.
‫Droit?
‫Alors, copions ceci, sauvegardons
‫celui-ci,
‫sauvegardons également celui-ci,
‫puis ici à la
‫connexion, postons-le ici.
‫Sauvegarde le.
‫Et, je n'ai même pas
‫besoin de le tester parce que, eh bien, cela devrait fonctionner
‫de la même manière qu'avec l'inscription.
‫D'ACCORD.
‫C'était très
‫important pour nous afin d'avancer et
‫de nous rendre la vie un peu plus facile
‫lorsque vous travaillez avec Postman
‫pour le développement de votre API.