Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

Découvrir API Platform

Intégrer une requête en AJAX

Testez gratuitement nos 1338 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Dans cette séquence, vous verrez comment ajouter une petite application avec jQuery. Vous créerez des requêtes avec un header JWT, ce qui vous permettra d'afficher très rapidement un résultat.
03:09

Transcription

Alors, on va faire ça le plus simplement du monde, une petite page très très simple, que j'ai monté sur un « host » pour que vous puissiez y accéder, ici je l'ai mis à l'intérieur du dossier, comme ça on l'a de côté, et puis, ici, j'ai simplement ajouté la librairie, pour le coup, « jQuery » en CD1 et je vais simplement aller coder une petite requête. Cette requête, elle pourrait partir sur n'importe quoi, n'importe quel moment, évidemment, on pourrait aussi avoir une requête pour s'authentifier, là, c'est juste un exemple classique pour vous montrer comment en « jQuery » je peux effectuer une requête et quel soit le prérequis. Vous allez, bien sûr, utiliser plutôt « ajax » que les méthodes classiques « get » ou « post », c'est plutôt intéressant d'utiliser « ajax », parce qu'on va remettre tous les paramètres. On va référencer l'URL qui nous intéresse, donner un type, le « get » et on va surtout utiliser, ici, une fonction pour le « Before send ». Cette fonction-là, qu'est-ce qu'elle va faire ? Elle va nous permettre, bien évidemment, en fait, de faire un set d'un « header », et ce « header » c'est autorisation. Alors attention à « Bien respecter », il y a bien B ici, sinon ça ne marchera pas, et mettez bien un token valide. Ce token, on pourrait le stocker en « Local storage », le récupérer, depuis la « session.fr », on pourrait faire plein de choses, en tout cas, ici, on l'a juste mis en dur, l'idée étant de faire un test en « jQuery » pour voir ce qui se passe. On va pouvoir utiliser la console de développement ou de Chrome pour voir que la requête passe bien. Je vais d'abord ne pas la faire passer, je vais mettre un b pour qu'on se rend rende bien compte qu'effectivement, quand je recharge ma page ici, alors qu'il tape directement sur ma page, j'ai un « Bad Credentials ». Je n'ai pas le droit d'accéder si je n'ai pas un token qui est valide. Le token, ça veut aussi dire respecter le format demandé. Si je mets un B et que je recharge, à ce moment-là effectivement j'ai bien 200. Donc, je suis en train de taper, depuis mon application «HTML » sur mon API ce qui me permet, pourquoi pas, de développer maintenant une application font. Et ça, je vais maintenant pouvoir récupérer toutes les informations, et vous vous souvenez, on a accès à absolument tout, donc là, on récupère comme bien les informations absolument tout ce qui va avec, et on est actuellement dans un superformat, puisque là on a la possibilité tout ci-terré et de faire de l'affichage. Voyez que ce n'est pas compliqué de faire une requête avec « jQuery », par contre, respectez bien les règles si vous avez mis en place l'autorisation, il faut absolument que vous ayez un token valide. Même un token invalide avec un bout, en fait, de validation, comme ça, ça ne marchera pas. Il vous faut un vrai token valide, sinon ça ne marchera pas tout simplement. Là on a sécurisé les deux routes en plus, pour le moment tout est sécurisé. On pourrait faire un test effectivement, on voit la sécurité sur la première route pour voir qu'effectivement ça fonctionne très bien. Donc, là si j'enlève la sécurité sur « task », par exemple, je vais, ici, lui demander d'aller récupérer les tasks, et puis je ne vais pas faire de « before send », parce que je sais que cette route-là, elle n'est pas du tout sécurisée. Donc, je vais pouvoir y accéder sans avoir de problèmes particuliers. J'ai bien un 200, je récupère bien ici toutes les tâches. Voyez, ce n'est pas compliqué de travailler avec un API quand on a finalisé et quand on a tout codé, et puis, en plus, maintenant là, c'est exactement ce que vous avez avec « Postman », c'est que dans votre CAD vous pouvez faire des files, ou ce que vous voulez, vous imaginez un petit peu maintenant la puissance que vous avez entre les mains pour créer rapidement des API et, pourquoi pas, très rapidement aussi monter un front et pouvoir travailler avec.

Découvrir API Platform

Prenez en main le framework API Platform. Voyez comment effectuer sa configuration, créer des services web de données, et réalisez ainsi efficacement une application complète.

3h24 (54 vidéos)
Aucun commentaire n´est disponible actuellement
 

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !