1
00:00:01,680 --> 00:00:06,690
La prima cosa che faremo è capire come ottenere i dati del modulo dal modulo

2
00:00:06,690 --> 00:00:13,890
e abbiamo bisogno di tornare al nostro modulo e modificare una piccola cosa che è sull'input che dobbiamo dare l'input e

3
00:00:14,850 --> 00:00:20,130
nominare il nome che diamo l'input qui sarà la chiave che guardiamo dentro all'interno del percorso.

4
00:00:20,130 --> 00:00:24,720
E penso che un buon nome sarebbe solo un nome, ma penso che sia un po 'confuso.

5
00:00:24,810 --> 00:00:27,680
Quindi, facciamo solo un nuovo amico.

6
00:00:28,350 --> 00:00:35,100
Quindi il valore di questo in questo caso verrà inviato a Bob nel corpo della richiesta e all'interno del corpo la

7
00:00:35,100 --> 00:00:38,520
richiesta ci sarà una singola proprietà di nome new friend.

8
00:00:38,640 --> 00:00:42,660
E sarà uguale a Bob rendere questo un po 'più facile da vedere.

9
00:00:42,870 --> 00:00:51,960
Andiamo negli Stati Uniti nel post per AGGIUNGI amico e cancelliamo il corpo del punto richiesta registro e richiesta corpo

10
00:00:51,960 --> 00:00:57,430
è un oggetto che conterrà tutti i dati dal corpo della richiesta.

11
00:00:57,600 --> 00:01:03,060
E ricorda che quando abbiamo un modulo che sta facendo una richiesta di posta, tutti i dati del modulo sono inseriti

12
00:01:03,150 --> 00:01:08,280
nel corpo della richiesta e poi arriva al nostro espresso EP e vogliamo estrarlo se il corpo della richiesta.

13
00:01:08,280 --> 00:01:12,880
Quindi se stampo il corpo della richiesta dovremmo vedere che il nuovo amico è uguale a Bob.

14
00:01:13,200 --> 00:01:18,780
Comunque non funzionerà perché ci manca un piccolo pezzo e ti mostrerò che non

15
00:01:18,780 --> 00:01:19,130
funziona.

16
00:01:19,160 --> 00:01:23,660
Per prima cosa aggiungiamo Billie. Ho fatto un nuovo amico.

17
00:01:23,850 --> 00:01:30,210
Otteniamo che hai raggiunto il percorso postale e otteniamo un registro costante qui richiesta non è definito il corpo.

18
00:01:30,330 --> 00:01:35,790
E questo perché Express out of the box in realtà non crea il corpo della richiesta per noi.

19
00:01:35,820 --> 00:01:41,190
Dobbiamo dire esplicitamente di prendere il corpo della richiesta e trasformarlo in un oggetto javascript

20
00:01:41,190 --> 00:01:43,360
affinché usiamo la richiesta chiamata body.

21
00:01:43,650 --> 00:01:48,550
Quindi per farlo dobbiamo effettivamente installare un pacchetto chiamato Body parser.

22
00:01:48,660 --> 00:01:57,060
Così NPM installa il dash del dasher del dash del body dash e la postura del corpo è un po 'entrata e uscita da espresso dove a un

23
00:01:57,290 --> 00:02:00,040
certo punto è stata messa in bundle con l'express.

24
00:02:00,060 --> 00:02:02,010
Non è stato necessario installarlo separatamente.

25
00:02:02,010 --> 00:02:05,210
Ora lo fai è qualcosa che useremo in ogni app.

26
00:02:05,220 --> 00:02:10,920
Praticamente ogni volta che abbiamo un modulo che un utente inserisce i dati in cui vogliamo estrarre i

27
00:02:10,950 --> 00:02:12,120
dati dal lato server.

28
00:02:12,120 --> 00:02:13,770
Dobbiamo usare il parser del corpo.

29
00:02:14,090 --> 00:02:16,740
OK, quindi non è sufficiente solo per installarlo.

30
00:02:16,800 --> 00:02:19,420
Abbiamo quindi bisogno di richiederlo qui.

31
00:02:19,980 --> 00:02:28,020
tu URL codificato e poi invece di qui scriveremo esteso è vero e non voglio impantanare questo video andando troppo nel dettaglio ma

32
00:02:28,020 --> 00:02:37,410
con questo è se hai domande puoi andare alle parti del corpo o ai documenti e leggere su cosa sei el noncoated e cosa fa il vero vero.

33
00:02:37,410 --> 00:02:43,770
Quindi, solo il parser per il corpo richiede ovviamente un parser Adi Dasch e quindi la prossima cosa

34
00:02:44,700 --> 00:02:51,840
che dobbiamo fare è dire a express di usare parser del corpo in modo che appaia come usare l'parser di

35
00:02:51,840 --> 00:02:56,730
body use app che è una variabile che abbiamo appena creato importando il parti

36
00:02:56,730 --> 00:03:01,420
del corpo di un pacchetto e quindi abbiamo bisogno di fare il punto

37
00:03:01,440 --> 00:03:06,730
È una di quelle linee che vedranno tutto il tempo e onestamente basta copiare e incollare la maggior parte del tempo.

38
00:03:06,750 --> 00:03:13,140
Quindi ora che abbiamo impostato se riavviamo il server ora senza modificare il nostro codice, abbiamo postare

39
00:03:13,140 --> 00:03:17,850
l'aggiunta di un amico e stiamo costantemente prendendo le richieste fuori dal corpo.

40
00:03:17,850 --> 00:03:25,790
Ora se aggiorniamo Oops! Torniamo al form stringiamo gli amici e aggiungiamo un amico di nome Linda.

41
00:03:26,130 --> 00:03:33,540
Ho fatto un nuovo amico e guardiamo nel con. Vediamo la richiesta up Adi ora è un oggetto e viene dal

42
00:03:33,540 --> 00:03:34,610
parser di partito.

43
00:03:34,770 --> 00:03:40,680
Quindi il parser Buddy ha preso il corpo della richiesta e l'ha analizzato in un oggetto javascript che ha un nuovo

44
00:03:40,680 --> 00:03:41,860
amico uguale a Linda.

45
00:03:42,180 --> 00:03:46,660
Quindi quello che in realtà vogliamo fare è richiedere il corpo a un nuovo amico.

46
00:03:46,770 --> 00:03:50,370
E questo ci darà il valore di qualunque cosa fosse dentro la forma.

47
00:03:50,820 --> 00:03:56,760
E ricorda che il nuovo amico è a causa della proprietà name l'attributo name che impostiamo sull'input

48
00:03:57,050 --> 00:04:01,650
qualsiasi cosa mettiamo qui è quello che avremmo bisogno di cercarlo all'interno del percorso.

49
00:04:01,920 --> 00:04:06,750
Non vogliamo solo cancellare quel registro, ma quello che vogliamo fare è aggiungerlo

50
00:04:06,840 --> 00:04:09,540
alla matrice di amici che abbiamo definito qui.

51
00:04:09,540 --> 00:04:15,840
Quindi la prima cosa da fare è creare una nuova variabile e chiameremo semplicemente un nuovo amico e ci

52
00:04:15,930 --> 00:04:22,590
limiteremo a salvare la richiesta di nuovo amico del corpo e poi vogliamo aggiungerla a questo array ma sfortunatamente non

53
00:04:22,590 --> 00:04:30,180
possiamo semplicemente fare amici smetti di inviare nuovi amici perché c'è un problema di scoping in cui il nostro amico viene definito al

54
00:04:30,180 --> 00:04:31,430
posto di questa funzione.

55
00:04:31,740 --> 00:04:34,570
E qui fuori non c'è niente come gli amici.

56
00:04:34,620 --> 00:04:35,430
È un mondo molto triste.

57
00:04:35,430 --> 00:04:36,240
Non ci sono amici.

58
00:04:36,450 --> 00:04:44,960
Quindi abbiamo bisogno di copiare questo e spostarlo da qualche parte dove è visibile a tutti i nostri percorsi.

59
00:04:45,900 --> 00:04:50,760
E questo è qualcosa che non faremo per molto tempo perché questo è solo un gruppo di

60
00:04:50,760 --> 00:04:56,650
amici e possiamo aggiungere nuovi amici ma non appena il server si ferma, andranno via e si resetteranno al disvalore.

61
00:04:57,120 --> 00:05:00,630
Presto useremo un database e non dovremo preoccuparci del problema dell'ambito.

62
00:05:00,660 --> 00:05:05,300
Per ora abbiamo solo bisogno di spostarlo all'esterno delle rotte in modo che possiamo accedervi in ​​tutti i percorsi.

63
00:05:05,490 --> 00:05:08,990
Quindi ora gli amici smettono di spingere, il nuovo francese dovrebbe funzionare e te lo mostrerò.

64
00:05:08,990 --> 00:05:14,780
Ora riavvia il server torna al nostro modulo qui.

65
00:05:15,090 --> 00:05:19,370
Aggiorna la pagina e aggiungiamola in Jeanne.

66
00:05:20,330 --> 00:05:22,920
Ho fatto un nuovo amico e arriviamo a questa rotta.

67
00:05:22,930 --> 00:05:28,950
Ora se torniamo agli amici vedo che Jean è stato aggiunto.

68
00:05:29,490 --> 00:05:34,520
Ciò significa che questo sta funzionando dove stiamo estraendo le richieste dal corpo verso l'alto da un nuovo amico.

69
00:05:34,680 --> 00:05:39,560
E lo stiamo anche spingendo verso l'array frenetico e quindi stiamo inviando questa risposta.

70
00:05:39,650 --> 00:05:44,760
Tuttavia è piuttosto raro che vogliamo avere una sorta di risposta come questa dopo aver aggiunto un nuovo amico.

71
00:05:46,020 --> 00:05:47,950
La maggior parte delle volte non vogliamo vederlo.

72
00:05:47,970 --> 00:05:53,700
o invece di render possiamo usare un altro metodo su rez chiamato redirect e redirect.

73
00:05:53,730 --> 00:06:02,070
Di solito vogliamo solo tornare a questa pagina e vedere il nuovo amico e fare ciò che possiamo fare è invece di inviare

74
00:06:02,400 --> 00:06:03,750
Bene, prendi il nome di un percorso.

75
00:06:03,990 --> 00:06:10,140
E nel nostro caso, fai squarciare gli amici e loro reindirizzeranno a questa rotta e faranno scorrere il

76
00:06:10,170 --> 00:06:16,860
codice all'interno del percorso degli amici della barra e tutto ciò che fa è renderizza il modello francese e passa

77
00:06:17,010 --> 00:06:18,290
nel valore degli amici.

78
00:06:18,600 --> 00:06:26,240
Quindi ora se iniziamo di nuovo il server e torniamo a rinfrescare la pagina, aggiungiamo un nuovo amico qui.

79
00:06:26,610 --> 00:06:31,180
Tina e ho colpito ho fatto un nuovo amico e puoi vedere che Tina è stata aggiunta.

80
00:06:31,260 --> 00:06:34,000
Ricorda che non stiamo solo su questa pagina per tutto il tempo.

81
00:06:34,050 --> 00:06:36,790
Se guardi questo qui, lascia che lo faccia di nuovo.

82
00:06:36,880 --> 00:06:38,210
Aggiungiamo in Jeanne.

83
00:06:38,530 --> 00:06:40,840
Ho colpito ho fatto un nuovo amico.

84
00:06:40,910 --> 00:06:45,690
Puoi vedere la pagina che viene temporaneamente aggiornata e questo perché stiamo inviando una richiesta di posta

85
00:06:45,690 --> 00:06:49,440
da qualche altra parte in cui le richieste di posta stanno diventando troppo postate.

86
00:06:49,440 --> 00:06:52,090
Ad un amico sta facendo un po 'di logica qui.

87
00:06:52,260 --> 00:06:56,640
E poi ci sta reindirizzando molto rapidamente alla stessa pagina dello stesso percorso in cui ci troviamo già.

88
00:06:56,970 --> 00:07:04,080
sfarfallio della pagina per un secondo e vedrai questa piccola icona è l'omaggio che la pagina sta revocando.

89
00:07:04,080 --> 00:07:06,360
Quindi è quasi impercettibile vedrai lo

90
00:07:06,360 --> 00:07:12,820
Ma come ho detto se riavvio il server, il valore dell'array di amici risale a questo.

91
00:07:12,840 --> 00:07:16,890
Quindi perdiamo tutti questi amici e non abbiamo alcuna permanenza ai nostri dati.

92
00:07:16,890 --> 00:07:20,190
Lo sistemeremo una volta arrivati ​​in alcuni database in pochi di noi.

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

94
00:07:20,880 --> 00:07:24,160
Descriviamo brevemente tutto ciò che abbiamo coperto molto qui.

95
00:07:24,180 --> 00:07:30,390
La prima cosa di cui abbiamo parlato è stata la creazione di un percorso postale e tutto quello che dovevamo fare era l'app

96
00:07:30,390 --> 00:07:35,740
post e funziona proprio come apt get eccetto che è attivato solo dalle richieste di posta a quella particolare riga.

97
00:07:36,570 --> 00:07:43,950
E poi lo sai e poi abbiamo visto come possiamo inviare una richiesta di posta con il postino che funziona e poi abbiamo

98
00:07:43,950 --> 00:07:47,390
visto che possiamo inviare una richiesta di una richiesta tramite postino.

99
00:07:47,400 --> 00:07:49,070
E poi anche usando un modulo.

100
00:07:49,290 --> 00:07:55,740
E quando inviamo un modulo, dobbiamo fornire un'azione e un metodo e lo presento molto presto quando abbiamo parlato dell'età

101
00:07:55,740 --> 00:08:01,170
alle mie forme e ho detto che più avanti nel corso sapresti di più su che cosa

102
00:08:01,170 --> 00:08:05,460
significa azione e metodo e che post richiesta è contro una richiesta di ottenere.

103
00:08:05,460 --> 00:08:09,990
ha un singolo input e su quello input abbiamo aggiunto l'attributo name e questo

104
00:08:09,990 --> 00:08:15,630
attributo name che abbiamo impostato come nuovo amico è come i dati vengono aggiunti al corpo della richiesta.

105
00:08:15,630 --> 00:08:22,290
Quindi questo è il momento in cui stai iniziando a capire un po 'di più la differenza tra ottenere post e

106
00:08:22,290 --> 00:08:27,200
cosa significa questa azione e quali percorsi sono comunque, quindi abbiamo un forum e non

107
00:08:27,210 --> 00:08:33,390
Quindi, quando presentiamo questo indipendentemente dal valore di questo modulo, diciamo che Tina verrà inviata sotto

108
00:08:33,390 --> 00:08:35,130
il nome di nuovo amico.

109
00:08:35,400 --> 00:08:42,090
E poi all'interno del nostro apparato possiamo estrarlo con la richiesta up bodycount nuovo amico solo se abbiamo incluso

110
00:08:42,300 --> 00:08:48,600
il parser del corpo che abbiamo dovuto installare NPM install body purser e quindi abbiamo dovuto dire alla

111
00:08:48,600 --> 00:08:49,810
nostra app di usarlo.

112
00:08:49,800 --> 00:08:56,070
il corpo della richiesta e lo analizzerà in un oggetto javascript che possiamo usare e accedere come abbiamo fatto qui.

113
00:08:56,070 --> 00:09:02,100
Così apt usa il parser e questa intera linea è quella che vedrà sempre e quando lo faremo il

114
00:09:02,100 --> 00:09:02,720
parser prenderà

115
00:09:02,820 --> 00:09:08,640
E l'ultima novità che abbiamo visto è stato il reindirizzamento verso il redstart, che ti farà conoscere come un amico slash e

116
00:09:09,030 --> 00:09:13,890
che attiverà di nuovo quel percorso ed eseguirà tutto il codice all'interno del percorso degli amici della barra.

117
00:09:13,890 --> 00:09:15,280
Bene, ci vediamo nella prossima lezione.