1
00:00:01,680 --> 00:00:20,130
Het eerste wat we doen is erachter te komen hoe we de vorm van gegevens uit de vorm te krijgen en we nodig hebben om terug te keren naar ons formulier en verander één klein ding die op de input die we nodig hebben om de input te geven en de naam van de naam dat wij de input zal hier de sleutel die we kijken naar door de binnenkant van de route.

2
00:00:20,130 --> 00:00:24,720
En ik denk dat een goede naam zou gewoon te noemen, maar ik denk dat het een beetje verwarrend.

3
00:00:24,810 --> 00:00:27,680
Dus laten we gewoon doen nieuwe vriend.

4
00:00:28,350 --> 00:00:38,520
Dus de waarde van deze in dit geval Bob zal in het lichaam van het verzoek worden toegezonden en in het lichaam van het verzoek zal er een enkele eigenschap met de naam nieuwe vriend.

5
00:00:38,640 --> 00:00:42,660
En het zal gelijk zijn aan Bob zijn om deze een beetje makkelijker om te zien maken.

6
00:00:42,870 --> 00:00:57,430
Laten we naar de Verenigde Staten in de post uit voor ADD vriend en laten we het logboek verzoek dot lichaam te annuleren en vragen van het lichaam is een object dat alle gegevens van het verzoek lichaam zal bevatten.

7
00:00:57,600 --> 00:01:08,280
En vergeet niet dat wanneer we een vorm die is het maken van een post verzoek alle de vorm gegevens in het verzoek lichaam te zetten en dan krijgt het aan onze uitdrukkelijke EP en we willen hem eruit te trekken indien het verzoek lichaam.

8
00:01:08,280 --> 00:01:12,880
Dus als ik het verzoek lichaam af te drukken moeten we zien dat nieuwe vriend is gelijk aan Bob.

9
00:01:13,200 --> 00:01:19,130
Maar dat gaat niet werken omdat we missen een klein stukje en ik zal je laten zien dat het niet werkt.

10
00:01:19,160 --> 00:01:23,660
Laten we eerst toe in Billie Ik maakte een nieuwe vriend.

11
00:01:23,850 --> 00:01:30,210
We krijgen je de post route hebt bereikt en krijgen we een constante log hier aanvragen up lichaam is niet gedefinieerd.

12
00:01:30,330 --> 00:01:35,790
En dat komt omdat Express uit de doos niet daadwerkelijk het verzoek lichaam voor ons te creëren op.

13
00:01:35,820 --> 00:01:43,360
We moeten expliciet vertel het aan het verzoek lichaam te nemen en zet hem in een JavaScript-object voor ons om geroepen verzoek van het lichaam te gebruiken.

14
00:01:43,650 --> 00:01:48,550
Dus dat doen we eigenlijk nodig hebben om een ​​pakket met de naam Body parser installeren.

15
00:01:48,660 --> 00:02:00,040
Dus NPM installeren lichaam dash parser dash dash slaan en lichaamshouding is een beetje verdwenen in en uit de uitdrukkelijke, waar op een gegeven moment werd gebundeld met de express.

16
00:02:00,060 --> 00:02:02,010
Je hoefde niet om het apart te installeren.

17
00:02:02,010 --> 00:02:05,210
Nu heb je het is iets dat we zullen gebruiken in elke app.

18
00:02:05,220 --> 00:02:12,120
Vrijwel altijd hebben we een vorm die een gebruiker gegevens in dat we willen de gegevens te extraheren uit op de server kant.

19
00:02:12,120 --> 00:02:13,770
We moeten het lichaam parser te gebruiken.

20
00:02:14,090 --> 00:02:16,740
OK dus het is niet genoeg om het te installeren.

21
00:02:16,800 --> 00:02:19,420
We moeten dan het hier nodig.

22
00:02:19,980 --> 00:03:01,420
Dus gewoon je lichaam parser natuurlijk vereisen Adi Dasch parser en dan is het volgende wat we moeten doen is te vertellen betuigen aan het lichaam parser te gebruiken, zodat die eruit ziet als deze behoefte te gebruiken app lichaam parser doen, die is een variabele die we zojuist hebt gemaakt door het importeren van de lichaamsdelen van een pakket en dan moeten we dot doe je URL-gecodeerd en dan in plaats van hier gaan we schrijven uitgebreid waar is en ik wil niet om deze video vastlopen door te gaan te veel in detail, maar dit is als je vragen hebt kun je naar de lichaamsdelen of docs en lees over wat je bent el ongecoat doet en wat uitgebreid ware doet.

23
00:03:01,440 --> 00:03:06,730
Het is een die lijnen die de hele tijd te zien en eerlijk gewoon kopieer en plak de meeste van de tijd.

24
00:03:06,750 --> 00:03:17,850
Dus nu hebben we dat het opzetten als we de server nu opnieuw opstarten zonder dat het veranderen van onze code hebben we apt up bericht toe te voegen vriend en we zijn voortdurend het nemen van verzoeken uit het lichaam.

25
00:03:17,850 --> 00:03:25,790
Nu als we vernieuwen Oeps! Laten we terug gaan naar het formulier slash vrienden en voeg een vriend genaamd Linda.

26
00:03:26,130 --> 00:03:34,610
Ik maakte een nieuwe vriend en we kijken in de con. We zien verzoeken tot Adi is nu een object en dat is vanuit partij parser.

27
00:03:34,770 --> 00:03:41,860
Dus Buddy parser nam het verzoek lichaam en ontleed het in een JavaScript-object dat heeft nieuwe vriend is gelijk aan Linda.

28
00:03:42,180 --> 00:03:46,660
Dus wat we eigenlijk willen doen is vragen up lichaam Datt nieuwe vriend.

29
00:03:46,770 --> 00:03:50,370
En dat zal ons de waarde van wat er ook in de vorm te geven.

30
00:03:50,820 --> 00:04:01,650
En vergeet niet de nieuwe vriend is als gevolg van de eigenschap name de naam attribuut dat we die op de input wat we hier gebracht is wat we nodig hebben om het op te zoeken door de binnenkant van de route.

31
00:04:01,920 --> 00:04:09,540
We willen niet alleen om te annuleren dat loggen het wel wat we willen doen is het eigenlijk toe te voegen aan de vrienden-array die wij hier gedefinieerd.

32
00:04:09,540 --> 00:04:31,430
Dus het eerste wat je moet doen is het maken van een nieuwe variabele en we noemen het nieuwe vriend en we zullen gewoon opslaan verzoeken up lichaam nieuwe vriend en dan willen we ze toevoegen aan deze array, maar helaas kunnen we niet gewoon vrienden stop push nieuwe vriend, want er is een scoping probleem waarbij onze vriend alleen wordt gedefinieerd in plaats van deze functie.

33
00:04:31,740 --> 00:04:34,570
En hier is er niet zoiets als vrienden.

34
00:04:34,620 --> 00:04:35,430
Het is een zeer trieste wereld.

35
00:04:35,430 --> 00:04:36,240
Er zijn geen vrienden.

36
00:04:36,450 --> 00:04:44,960
Dus moeten we dit uit te kopiëren en te verplaatsen ergens waar het zichtbaar is voor al onze routes.

37
00:04:45,900 --> 00:04:56,650
En dit is iets dat we niet zullen doen voor lang, want dit is slechts een array van vrienden en we kunnen nieuwe vrienden toe te voegen in, maar zodra de server stopt zullen ze weg te gaan en terug te zetten naar onwaarde.

38
00:04:57,120 --> 00:05:00,630
Binnenkort zullen we met behulp van een database en we zullen niet zorgen te maken over de scoping kwestie.

39
00:05:00,660 --> 00:05:05,300
Voor nu moeten we alleen maar om het buiten de routes te verplaatsen, zodat we het kunnen activeren via alle routes.

40
00:05:05,490 --> 00:05:08,990
Dus nu vrienden stoppen push nieuwe Franse zou moeten werken en ik zal je laten zien dat.

41
00:05:08,990 --> 00:05:14,780
Nu start de server terug te keren naar ons formulier hier.

42
00:05:15,090 --> 00:05:19,370
Vernieuw de pagina en laat ons toe te voegen aan Jeanne.

43
00:05:20,330 --> 00:05:22,920
Ik maakte een nieuwe vriend en krijgen we deze route.

44
00:05:22,930 --> 00:05:28,950
Nu als we terug gaan naar vrienden Ik zie Jean is toegevoegd.

45
00:05:29,490 --> 00:05:34,520
Dus dat betekent dat dit werkt, waar we het extraheren van zijn verzoeken up lichaam omhoog nieuwe vriend.

46
00:05:34,680 --> 00:05:39,560
En we zijn ook te duwen in de razernij array en dan zijn we deze reactie te verzenden.

47
00:05:39,650 --> 00:05:45,410
Maar het is vrij zeldzaam dat we willen een soort van antwoord als dit nadat we een nieuwe vriend.

48
00:05:46,020 --> 00:05:47,950
Het merendeel van de tijd dat we niet willen om dit te zien.

49
00:05:47,970 --> 00:06:02,390
Meestal we willen gewoon terug naar deze pagina te gaan en zie de nieuwe vriend en om dat te doen wat we kunnen doen is in plaats van send of in plaats van te maken kunnen we een nother methode op rez genoemd redirect te gebruiken en om te buigen.

50
00:06:02,400 --> 00:06:03,750
Wel neemt de naam van een route.

51
00:06:03,990 --> 00:06:18,290
En in ons geval goed ken slash vrienden en ze zullen doorverwijzen naar deze route en zij zullen de code uit te voeren binnenkant van de slash vrienden route en alles wat doet is het maakt de Franse template en passeert in de waarde van vrienden.

52
00:06:18,600 --> 00:06:26,240
Dus nu als we beginnen met de server opnieuw en we gaan terug Vernieuw de pagina laten we toe te voegen in een nieuwe vriend hier.

53
00:06:26,610 --> 00:06:31,180
Tina en raakte ik maakte een nieuwe vriend en je kunt zien Tina is toegevoegd.

54
00:06:31,260 --> 00:06:34,000
Vergeet niet dat wij niet alleen een verblijf op deze pagina de hele tijd.

55
00:06:34,050 --> 00:06:36,790
Als u dit horloge hier laat ik het opnieuw doen.

56
00:06:36,880 --> 00:06:38,210
Laten we toevoegen in Jeanne.

57
00:06:38,530 --> 00:06:40,840
Ik raakte Ik maakte een nieuwe vriend.

58
00:06:40,910 --> 00:06:49,440
Je kunt zien dat de pagina bevat momenteel wordt vernieuwd en dat is omdat we een post verzoek ergens anders die post aanvragen wordt te ingepakt bericht te verzenden.

59
00:06:49,440 --> 00:06:52,090
Ad vriend het doet enkele logica in hier.

60
00:06:52,260 --> 00:06:56,840
En dan is het zeer snel wordt omgeleid ons terug naar dezelfde pagina dezelfde route die we al op.

61
00:06:56,970 --> 00:07:06,360
Dus het is nauwelijks merkbaar je gewoon zien de pagina flikkering voor een tweede en zie deze kleine pictogram is de giveaway dat de pagina wordt herstemming.

62
00:07:06,360 --> 00:07:12,820
Maar zoals ik al zei, als ik de server opnieuw de waarde van de vrienden-array gaat terug naar deze.

63
00:07:12,840 --> 00:07:16,890
Zo verliezen we al die vrienden en we hebben geen permanentie aan onze gegevens.

64
00:07:16,890 --> 00:07:20,190
We lossen dat zodra we naar databases in slechts een paar van ons.

65
00:07:20,530 --> 00:07:20,860
OK.

66
00:07:20,880 --> 00:07:24,160
Laten we de-kort op alles wat we hebben hier veel gedekt.

67
00:07:24,180 --> 00:07:36,100
Het eerste wat we over gesproken was het opzetten van een post route en alles wat we moesten doen was app post en het werkt net als apt get behalve dat het alleen geactiveerd via de post aanvragen tot die specifieke je rij.

68
00:07:36,570 --> 00:07:47,390
En dan weet je en toen zagen we hoe we een post verzoek postbode die werkt kan sturen en dan zagen we dat we een verzoek van een bericht verzoek kunnen verzenden via postbode.

69
00:07:47,400 --> 00:07:49,070
En dan ook via een formulier.

70
00:07:49,290 --> 00:08:05,460
En als we een formulier sturen we nodig hebben om actie en werkwijze te verschaffen en ik introduceren dit echt vroeg op toen we spraken over leeftijd om mijn formulieren en ik zei dat later in de loop je meer over wat actie en methode betekenen zou weten en wat een post verzoek is ten opzichte van een GET-verzoek.

71
00:08:05,460 --> 00:08:27,200
Dus dit is dat de tijd nu waar je begint een beetje meer hoopvol over het verschil begrijpen tussen het krijgen van berichten en wat deze actie betekent en welke routes zijn toch dus we hebben een forum en het heeft geen enkele ingang en op die input die we hebben de naam attribuut en deze naam eigenschap die we de waarde hebt ingesteld om nieuwe vriend te zijn toegevoegd is hoe de gegevens worden toegevoegd aan het verzoek lichaam.

72
00:08:27,210 --> 00:08:35,130
Dus toen we dit ongeacht de waarde van dit formulier wordt laten we zeggen dat Tina het gaat onder de naam van de nieuwe vriend te worden verzonden.

73
00:08:35,400 --> 00:08:49,810
En dan de binnenkant van onze apparatuur kunnen we het uit te pakken met het verzoek tot Bodycount nieuwe vriend alleen als we hebben opgenomen lichaam parser die we moesten installeren NPM installeren lichaam purser en toen moesten we onze app te vertellen om het te gebruiken.

74
00:08:49,800 --> 00:09:02,720
Dus apt gebruik van de parser en deze hele lijn is zal men de hele tijd te zien en als we dat doen, dat de parser het verzoek lichaam zal nemen en ontleden het in een JavaScript-object dat we kunnen gebruiken en toegang, zoals we hier deden.

75
00:09:02,820 --> 00:09:13,890
En de laatste nieuwe ding dat we zagen was roodstaart redirect die een je weet zal nemen, zoals slash vriend en dat zal weer leiden tot die route en lopen de hele code binnenkant van de slash vrienden route.

76
00:09:13,890 --> 00:09:15,280
Oké, ik zie je in de volgende les.