Découvrir Ember.js

Effectuer des redirections

Testez gratuitement nos 1252 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Apprenez à effectuer des redirections automatiques entre les différentes routes de votre application. Il s'agit d'optimiser l'expérience utilisateur.
05:00

Transcription

Le dernier point que nous allons voir concernant les routes et là nous sommes de redirection. Déjà je vais enlever le même motif tout à l'heure qui provoquait une erreur volontairement Alors, une redirection, ça va permettre à la route, avant ou après avoir changé le modèle, de décider s'il doit continuer ou envoyer vers une autre page du même site. Par exemple, ce qu'on peut décider, ce serait fait de la sorte que si la personne va sur la page d'accueil sur aucune route la personne arrive ici. Plutôt que de lui afficher uniquement ça, de la rediriger automatiquement vers la route groups. On va aller dans ce cas-là à la racine de route et ajouter un nouveau fichier. On va l'appeler index.js. Pour ne pas faire d'erreurs, vous pouvez prendre la même structure que n'imoprte quelle autre route, pour au moins avoir l'export défaut. Un autre fichier index point js qui est à la racine de route. Donc je vous ai dit, il y en a deux types de redirection: celle qui se situe avant que la route et recharge le modèle, on peut déjà faire une décision-là, et si on se rend compte qu'on doit partir, bien, il n'y aura pas besoin de charger le modèle, et sinon vous en avez une qu'on peut faire après avoir changé le modèle. Dans ce cas-là ce sera avant, dès qu'on amène cela à la page d'accueil. une dash limite sur index pour que volontairement session s'arrête sur la page d'accueil, si on demande uniquement la page de base pas besoin de charger, le modèle va rediriger dès le début à la bonne route Il y a ce qu'on appelle un callback, c'est une méthode qui appelait automatiquement lorsque vous arrivez ici et vous pouvez faire this point transitionTo et là vous donner le nom de la route, pour nous ce sera groups. Voilà, alors ça s'est passé très vite, je sais pas si vous l'avez vu, Si j'arrive ici et que j'appuie sur entrer, il charge et il m'nvoie de suite après sur la route groups s'il a fait une redirection. Le deuxième type de redirection que l'on peut utiliser est celui après le modèle. Pour décider en fonction du modèle qu'on a chargé, si on doit rester cette page ou aller sur une autre, avoir retourné dans le groups point js, ce qu'on peut décider, c'est après avoir changé le modèle, s'il s'avère que la liste de groupe ne possède que ce groupe, et de rediriger directement vers la page de ce groupe-là. Pour faire ça, au lieu de beforModel on va faire afterModel qui rassemble paramètres, le model et la transition. C'est un objet qui modélise la transition qui est en cours. Et je vais dire, si le modèle que j'ai reçu get la longueur puisque je sais que c'est un tableau, puisque c'est une requête que je connaîs, c'est moi qui ai changé le modèle [ inaudible ] donc je sais que c'est un tableau, je peux demander sa longueur, si sa longueur est égale à un, on met bien trois égal pour une égalité certaine. Alors, je vais à this point transitionTo groups point group, et je peux lui passer directement l'objet qui est [ inaudible ] qu'il a besoin de recharger lui-même. get firstObject Alors, ça ne nous fait pas, parce qu'on en a bien trois, Je vais aller modifier mon fichier server. On va le rouvrir. Dans db.json je vais enlever cleui-ci, celui-ci et celui-ci, je vais garder que Famille, je vais enregistrer, relancer mon server, Je le relance, alors là, si je recharge, j'ai une erreur, en fait, on voit qu'il est en train de charger en boucle, Alors, ce que j'ai fait, c'est intéressant à voir, on va lui donner Inspecter pour essayer de comprendre, si je vais dans network alors, si vous avez ce qui vous dérange, il vous suffit de cliquer ici pour parvoir là-bas et voir qu'il est en train de demander en boucle à mon API, le shoulder, si je vais voir le logman de mon API, on va voir qu'il est en train de demander. Donc j'ai dû faire une erreur, et je pense savoir ce que c'est. C'est ici, au lieu de le mettre dans ce fichier-là, il faut le mettre dans l'index, c'est le même principe que tout à l'heure, parce que là en fait ce qui se passe, c'est que cette route-là elle est un chemin pour arriver à groupe dans lequel on veut arriver. Et du coup [ inaudible ] j'en recherche ça qui nous redirige, qui nous redirige sans arrêt. Alors que la [ inaudible ], on doit la faire que quand on est sur l'index, index point js Je vais découler pour [ inaudible ] mon presse-papier et je vais prendre encore une fois le début et j'enregistre. Donc quand je charge ma liste de groupe, il se rencontre que j'en ai qu'un seul. Et donc automatiquement vous aviez à me transférer vers le group famille. Pas besoin de nous afficher nos listes d'un élément. Je vais retourner dans mon serveir pour remettre les données complètes. On va recharger la liste, [ inaudible ] que c'est, c'est bon, [ inaudible ] séparant de ce server. Voilà, là, notre liste, et tout est fonctionnel. Donc nous avons vu les redirections, que ce soit avant ou après le modèle.

Découvrir Ember.js

Créez vos composants et mettez en page vos sites avec une facilité déconcertante avec Ember.js. Apprenez à créer des routes et à charger vos modèles depuis un service web externe.

2h57 (37 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :31 mars 2016

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 !