1
00:00:01,680 --> 00:00:20,130
La première chose que nous allons faire est de comprendre comment nous obtenons les données de formulaire hors de la forme et nous avons besoin de revenir à notre formulaire et de changer une petite chose qui est sur l'entrée, nous devons donner l'entrée et le nom du nom Que nous donnons l'entrée ici sera la clé que nous regardons par l'intérieur de l'itinéraire.

2
00:00:20,130 --> 00:00:24,720
Et je pense qu'un bon nom serait juste nom, mais je pense que c'est un peu déroutant.

3
00:00:24,810 --> 00:00:27,680
Alors faisons juste un nouvel ami.

4
00:00:28,350 --> 00:00:38,520
Donc, la valeur de cela dans ce cas Bob sera envoyé dans le corps de la demande et à l'intérieur du corps de la demande il y aura une seule propriété nommée nouvel ami.

5
00:00:38,640 --> 00:00:42,660
Et ce sera égal à Bob pour rendre cela un peu plus facile à voir.

6
00:00:42,870 --> 00:00:57,430
Let's go aux États-Unis dans le post pour ADD ami et nous allons annuler le corps de point de requête de journal et la demande de corps est un objet qui contiendra toutes les données du corps de la demande.

7
00:00:57,600 --> 00:01:08,280
Et rappelez-vous quand nous avons un formulaire qui fait une demande post toutes les données de formulaire est mis dans le corps de la demande et puis il obtient à notre EP express et nous voulons le retirer si le corps de la demande.

8
00:01:08,280 --> 00:01:12,880
Donc, si je imprime le corps de la demande, nous devrions voir que le nouvel ami est égal à Bob.

9
00:01:13,200 --> 00:01:19,130
Cependant, cela ne fonctionnera pas parce que nous manquons un petit morceau et je vais vous montrer que cela ne fonctionne pas.

10
00:01:19,160 --> 00:01:23,660
D'abord, ajoutons à Billie que j'ai fait un nouvel ami.

11
00:01:23,850 --> 00:01:30,210
Nous obtenons que vous avez atteint la route de poste et nous obtenons un log constant demande ici corps est indéfini.

12
00:01:30,330 --> 00:01:35,790
Et c'est parce que Express hors de la boîte ne crée pas réellement la demande de corps pour nous.

13
00:01:35,820 --> 00:01:43,360
Nous devons explicitement lui dire de prendre le corps de la demande et de le transformer en un objet javascript pour nous d'utiliser la demande appelée du corps.

14
00:01:43,650 --> 00:01:48,550
Donc, pour ce faire, nous avons réellement besoin d'installer un paquet appelé analyseur de corps.

15
00:01:48,660 --> 00:02:00,040
Donc NPM installer le tableau de bord analyseur de tiret tiret sauver et la posture du corps est un peu entré et sorti de l'express où à un point, il a été livré avec l'express.

16
00:02:00,060 --> 00:02:02,010
Vous n'avez pas à l'installer séparément.

17
00:02:02,010 --> 00:02:05,210
Maintenant vous le faites est quelque chose que nous allons utiliser dans chaque application.

18
00:02:05,220 --> 00:02:12,120
Pratiquement chaque fois que nous avons un formulaire qu'un utilisateur entre les données dans lesquelles nous voulons extraire les données sur le côté serveur.

19
00:02:12,120 --> 00:02:13,770
Nous avons besoin d'utiliser analyseur de corps.

20
00:02:14,090 --> 00:02:16,740
OK, il ne suffit donc pas de l'installer.

21
00:02:16,800 --> 00:02:19,420
Nous devons ensuite l'exiger ici.

22
00:02:19,980 --> 00:03:01,420
Donc, juste votre analyseur de corps, bien sûr, exiger l'analyseur Adi Dasch et puis la prochaine chose que nous devons faire est de dire exprimer à utiliser l'analyseur de corps de sorte que ressemble à ce besoin de faire app utiliser parser corps qui est une variable que nous venons de créer en important le Les parties du corps d'un paquet et puis nous avons besoin de faire point vous URL encodé et puis au lieu d'ici, nous allons écrire étendu est vrai et je ne veux pas bog cette vidéo en bas en entrant dans trop de détails, mais avec cela est Si vous avez des questions, vous pouvez aller aux parties du corps ou docs et de lire sur ce que vous êtes el non couché fait et ce fait étendu vrai.

23
00:03:01,440 --> 00:03:06,730
C'est une de ces lignes qui verront tout le temps et honnêtement juste copier et coller la plupart du temps.

24
00:03:06,750 --> 00:03:17,850
Alors maintenant que nous avons cette mise en place si nous redémarrer le serveur maintenant sans changer notre code, nous avons apt up post ajouter un ami et nous sommes constamment en prenant des demandes de corps.

25
00:03:17,850 --> 00:03:25,790
Maintenant, si nous rafraîchissons Oops! Revenons à la forme de slash amis et ajouter dans un ami nommé Linda.

26
00:03:26,130 --> 00:03:34,610
J'ai fait un nouvel ami et nous regardons dans le con. Nous voyons demande jusqu'à Adi est maintenant un objet et qui vient de l'analyseur de parti.

27
00:03:34,770 --> 00:03:41,860
Ainsi Buddy parser a pris le corps de la demande et analysé dans un objet javascript qui a un nouvel ami est égal à Linda.

28
00:03:42,180 --> 00:03:46,660
Donc, ce que nous voulons réellement faire est de demander jusqu'à body datt nouvel ami.

29
00:03:46,770 --> 00:03:50,370
Et cela nous donnera la valeur de tout ce qui était à l'intérieur de la forme.

30
00:03:50,820 --> 00:04:01,650
Et n'oubliez pas de nouveau ami est en raison de la propriété de nom que l'attribut de nom que nous avons mis sur l'entrée que nous mettons ici est ce que nous aurions besoin de le chercher par l'intérieur de l'itinéraire.

31
00:04:01,920 --> 00:04:09,540
Nous ne voulons pas simplement annuler ce journal, mais ce que nous voulons faire est de l'ajouter au tableau des amis que nous avons défini ici.

32
00:04:09,540 --> 00:04:31,430
Donc, la première chose à faire est de faire une nouvelle variable et nous allons simplement appeler un nouvel ami et nous allons juste stocker la demande de corps nouveau ami et puis nous voulons l'ajouter à ce tableau, mais malheureusement, nous ne pouvons pas simplement faire des amis Stop push new friend parce qu'il ya un problème de portée où notre ami est seulement défini au lieu de cette fonction.

33
00:04:31,740 --> 00:04:34,570
Et ici il n'y a rien de tel que des amis.

34
00:04:34,620 --> 00:04:35,430
C'est un monde très triste.

35
00:04:35,430 --> 00:04:36,240
Il n'y a pas d'amis.

36
00:04:36,450 --> 00:04:44,960
Donc nous devons copier ceci et le déplacer quelque part où il est visible à tous nos itinéraires.

37
00:04:45,900 --> 00:04:56,650
Et c'est quelque chose que nous ne ferons pas pour longtemps parce que ce n'est qu'un tableau d'amis et nous pouvons ajouter de nouveaux amis, mais dès que le serveur s'arrête, ils vont disparaître et réinitialiser à disvalue.

38
00:04:57,120 --> 00:05:00,630
Bientôt, nous utiliserons une base de données et nous n'aurons pas à nous préoccuper du problème de la portée.

39
00:05:00,660 --> 00:05:05,300
Pour l'instant nous avons juste besoin de le déplacer en dehors des routes afin que nous puissions y accéder dans toutes les routes.

40
00:05:05,490 --> 00:05:08,990
Donc, maintenant amis arrêter pousser français nouveau devrait fonctionner et je vais vous montrer que.

41
00:05:08,990 --> 00:05:14,780
Maintenant redémarrez le serveur revenir à notre formulaire ici.

42
00:05:15,090 --> 00:05:19,370
Rafraîchissez la page et ajoutons dans Jeanne.

43
00:05:20,330 --> 00:05:22,920
J'ai fait un nouvel ami et nous arrivons à cette route.

44
00:05:22,930 --> 00:05:28,950
Maintenant, si nous revenons à des amis, je vois Jean a été ajouté.

45
00:05:29,490 --> 00:05:34,520
Donc cela signifie que cela fonctionne là où nous extrayons des requêtes jusqu'à un nouvel ami.

46
00:05:34,680 --> 00:05:39,560
Et nous poussons aussi dans la frénésie et puis nous envoyons cette réponse.

47
00:05:39,650 --> 00:05:45,410
Cependant, il est assez rare que nous voulions avoir une sorte de réponse comme celle-ci après avoir ajouté un nouvel ami.

48
00:05:46,020 --> 00:05:47,950
La plupart du temps, nous ne voulons pas voir cela.

49
00:05:47,970 --> 00:06:02,390
Habituellement, nous voulons juste revenir à cette page et voir le nouvel ami et de faire ce que nous pouvons faire est au lieu d'envoyer ou au lieu de rendre, nous pouvons utiliser une méthode nother sur rez appelé redirection et redirection.

50
00:06:02,400 --> 00:06:03,750
Prenez bien le nom d'un itinéraire.

51
00:06:03,990 --> 00:06:18,290
Et dans notre cas bien faire des amis barre et ils vont rediriger vers cette route et ils vont exécuter le code à l'intérieur de l'itinéraire des amis barre oblique et tout ce que fait est il rend le modèle français et passe dans la valeur des amis.

52
00:06:18,600 --> 00:06:26,240
Alors maintenant, si nous démarrons le serveur à nouveau et nous revenons rafraîchir la page, nous allons ajouter un nouveau ami ici.

53
00:06:26,610 --> 00:06:31,180
Tina et frappé J'ai fait un nouvel ami et vous pouvez voir Tina a été ajouté.

54
00:06:31,260 --> 00:06:34,000
N'oubliez pas que nous ne restons pas sur cette page tout le temps.

55
00:06:34,050 --> 00:06:36,790
Si vous regardez cela ici, laissez-moi le faire à nouveau.

56
00:06:36,880 --> 00:06:38,210
Ajoutons à Jeanne.

57
00:06:38,530 --> 00:06:40,840
J'ai frappé J'ai fait un nouvel ami.

58
00:06:40,910 --> 00:06:49,440
Vous pouvez voir la page rafraîchie momentanément et c'est parce que nous envoyons une demande de poste à un autre endroit que les demandes de poste est trop embrassé post.

59
00:06:49,440 --> 00:06:52,090
Ad friend il fait quelque logique ici.

60
00:06:52,260 --> 00:06:56,840
Et puis il est très rapidement nous rediriger vers la même page le même itinéraire que nous sommes déjà sur.

61
00:06:56,970 --> 00:07:06,360
Il est donc à peine perceptible que vous verrez simplement le clignotement de page pendant une seconde et voir cette petite icône est le cadeau que la page est révocation.

62
00:07:06,360 --> 00:07:12,820
Mais comme je l'ai mentionné si je redémarrer le serveur de la valeur de la table des amis retourne à cela.

63
00:07:12,840 --> 00:07:16,890
Donc, nous perdons tous ces amis et nous n'avons aucune permanence à nos données.

64
00:07:16,890 --> 00:07:20,190
Nous allons corriger une fois que nous arrivons à des bases de données dans quelques-uns d'entre nous.

65
00:07:20,530 --> 00:07:20,860
D'ACCORD.

66
00:07:20,880 --> 00:07:24,160
Let's de-brief sur tout ce que nous avons couvert beaucoup ici.

67
00:07:24,180 --> 00:07:36,100
La première chose dont nous avons parlé était la mise en place d'un itinéraire post et tout ce que nous avions à faire était post app et il fonctionne tout comme apt get, sauf que c'est déclenché uniquement par les demandes post à cette ligne en particulier.

68
00:07:36,570 --> 00:07:47,390
Et puis vous savez et puis nous avons vu comment nous pouvons envoyer une demande de poste avec le facteur qui fonctionne et ensuite nous avons vu que nous pouvons envoyer une demande une demande de poste en utilisant le facteur.

69
00:07:47,400 --> 00:07:49,070
Et puis aussi en utilisant un formulaire.

70
00:07:49,290 --> 00:08:05,460
Et quand nous envoyons un formulaire, nous devons fournir l'action et la méthode et je présente cela très tôt lorsque nous avons parlé de l'âge à mes formes et j'ai mentionné que plus tard dans le cours, vous sauriez plus sur ce que l'action et la méthode signifie et quel post Demande est contre une demande d'obtenir.

71
00:08:05,460 --> 00:08:27,200
C'est donc à ce moment-là que vous commencez à comprendre un peu plus l'espoir de la différence entre obtenir des postes et ce que signifie cette action et quels itinéraires sont de toute façon donc nous avons un forum et il n'a pas une seule entrée et sur cela Input, nous avons ajouté l'attribut name et cet attribut de nom que nous avons défini la valeur new friend est la façon dont les données sont ajoutées au corps de la requête.

72
00:08:27,210 --> 00:08:35,130
Donc, quand nous présentons ce que la valeur de cette forme est de dire Tina, il va être envoyé sous le nom de nouvel ami.

73
00:08:35,400 --> 00:08:49,810
Et puis à l'intérieur de notre appareil, nous pouvons l'extraire avec la demande de bodycount nouvel ami seulement si nous avons inclus analyseur de corps que nous avons dû installer NPM installer le corps du chasseur et puis nous avons dû dire à notre application de l'utiliser.

74
00:08:49,800 --> 00:09:02,720
Donc, utiliser l'analyseur et cette ligne entière est un va voir tout le temps et quand nous faisons que l'analyseur prendra le corps de la demande et l'analyser dans un objet javascript que nous pouvons utiliser et accéder comme nous l'avons fait ici.

75
00:09:02,820 --> 00:09:13,890
Et la dernière chose nouvelle que nous avons vu était redstart redirection qui prendra un vous savez comme l'ami barre oblique et qui va déclencher cette route à nouveau et exécuter tout le code à l'intérieur de l'itinéraire des amis barre oblique.

76
00:09:13,890 --> 00:09:15,280
Très bien, je vais vous voir dans la leçon suivante.