1
00:00:01,680 --> 00:00:06,690
 

2
00:00:06,690 --> 00:00:13,890
 

3
00:00:14,850 --> 00:00:20,130
最初に行うことは、フォームデータをフォームから取り出す方法を理解することです。フォームに戻って、入力に与えられた小さなものを1つ変更して名前を入力する必要がありますここに入力した情報は、ルートの内側を見上げる鍵になります。

4
00:00:20,130 --> 00:00:24,720
そして、私は良い名前はちょうど名前になると思うが、私はそれがちょっと混乱していると思う。

5
00:00:24,810 --> 00:00:27,680
だから新しい友達をやりましょう。

6
00:00:28,350 --> 00:00:35,100
したがって、この場合のBobの値はリクエストの本文に送信され、リクエスト内に新しいfriendという単一のプロパティが存在することになります。

7
00:00:35,100 --> 00:00:38,520
 

8
00:00:38,640 --> 00:00:42,660
そして、これはボブと同じに見えます。

9
00:00:42,870 --> 00:00:51,960
米国へADDフレンドの投稿に行き、ログリクエストのドットボディを取り消しましょう。リクエストボディは、リクエストボディからのすべてのデータを含むオブジェクトです。

10
00:00:51,960 --> 00:00:57,430
 

11
00:00:57,600 --> 00:01:03,060
そして、私たちがポストリクエストをしているフォームを持っているとき、フォームのデータはすべてリクエスト本体に入れられ、それから私たちのエクスプレスEPに到達し、リクエスト本体ならばそれを抜き出したいと思います。

12
00:01:03,150 --> 00:01:08,280
 

13
00:01:08,280 --> 00:01:12,880
だから私がリクエストの本文を印刷すると、新しい友達がBobと等しいことがわかるはずです。

14
00:01:13,200 --> 00:01:18,780
しかし、それはうまくいきません。私たちは小さな小片を欠いているので、それはうまくいかないことをあなたに示します。

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

16
00:01:19,160 --> 00:01:23,660
まずはBillieを追加しましょう私は新しい友達を作りました。

17
00:01:23,850 --> 00:01:30,210
私たちはあなたがポストルートに到達し、私たちはここで一定のログを取得することを要求ボディは未定義です。

18
00:01:30,330 --> 00:01:35,790
それは、すぐに使用できるExpressが実際に私たちのために要求を作成していないからです。

19
00:01:35,820 --> 00:01:41,190
私たちは明示的にそれを要求ボディを取って、私たちがbodyの要求を使用するためにjavascriptオブジェクトに変換する必要があります。

20
00:01:41,190 --> 00:01:43,360
 

21
00:01:43,650 --> 00:01:48,550
そのためには、Body Parserというパッケージを実際にインストールする必要があります。

22
00:01:48,660 --> 00:01:57,060
だから、NPMのインストール・ボディ・ダッシュ・パーサーのダッシュ・ダッシュ・セービングとボディ・ポスチャは、ある時点でエクスプレスにバンドルされていたエクスペリエンスの中や外に出ています。

23
00:01:57,290 --> 00:02:00,040
 

24
00:02:00,060 --> 00:02:02,010
別々にインストールする必要はありませんでした。

25
00:02:02,010 --> 00:02:05,210
これで、すべてのアプリで使用することになります。

26
00:02:05,220 --> 00:02:10,920
ユーザーがデータを入力するフォームがあると、サーバー側からデータを抽出する必要があります。

27
00:02:10,950 --> 00:02:12,120
 

28
00:02:12,120 --> 00:02:13,770
本文パーサーを使う必要があります。

29
00:02:14,090 --> 00:02:16,740
OKだから、インストールするだけでは不十分です。

30
00:02:16,800 --> 00:02:19,420
それから、ここでそれを要求する必要があります。

31
00:02:19,980 --> 00:02:28,020
 

32
00:02:28,020 --> 00:02:37,410
だからあなたのボディパーサーはもちろんAdi Daschパーサを必要とします。次に、私たちがする必要があるのは、ボディパーサーを使用するように明示することです。これは、アプリケーションを使用する必要があります。パッケージのボディ部分を作成してから、コードをURLエンコードしてから、ここではなく、拡張したものを書くようにしてください。このビデオをあまりにも細かく掘り下げたくはありませんが、これであなたが質問をしているなら、身体の部分や文書に行って、あなたが塗っていないものが何をしているのか、そして何が拡張しているのかについて読むことができます。

33
00:02:37,410 --> 00:02:43,770
 

34
00:02:44,700 --> 00:02:51,840
 

35
00:02:51,840 --> 00:02:56,730
 

36
00:02:56,730 --> 00:03:01,420
 

37
00:03:01,440 --> 00:03:06,730
それは、いつも見ることができ、正直なところにほとんどの時間をコピーして貼り付ける線です。

38
00:03:06,750 --> 00:03:13,140
だから、コードを変更せずにサーバーを再起動すると設定が完了しました。ポストを追加して友人を追加することができました。

39
00:03:13,140 --> 00:03:17,850
 

40
00:03:17,850 --> 00:03:25,790
今すぐおっとりましょう！ フォームスラッシュの友達に戻り、Lindaという名前の友達を追加しましょう。

41
00:03:26,130 --> 00:03:33,540
私は新しい友達を作りました。 私たちはリクエストを見ています。アディは今やオブジェクトであり、パーティパーサーから来ています。

42
00:03:33,540 --> 00:03:34,610
 

43
00:03:34,770 --> 00:03:40,680
だからバディパーサーはリクエストボディをとり、それを新しい友達がLindaに等しいjavascriptオブジェクトに解析しました。

44
00:03:40,680 --> 00:03:41,860
 

45
00:03:42,180 --> 00:03:46,660
だから私たちが実際にやりたいことは、身体を求めて新しい友達を求めていることです。

46
00:03:46,770 --> 00:03:50,370
そして、それはフォームの中にあったものの価値を私たちに与えるでしょう。

47
00:03:50,820 --> 00:03:56,760
そして、新しい友人は名前属性のためにここに入力した名前の属性に設定する名前属性のために、ルートの内部でそれを探す必要があるということです。

48
00:03:57,050 --> 00:04:01,650
 

49
00:04:01,920 --> 00:04:06,750
そのログを取り消したいだけではなく、ここで定義したfriends配列に実際に追加します。

50
00:04:06,840 --> 00:04:09,540
 

51
00:04:09,540 --> 00:04:15,840
 

52
00:04:15,930 --> 00:04:22,590
 

53
00:04:22,590 --> 00:04:30,180
 

54
00:04:30,180 --> 00:04:31,430
だから最初にするべきことは新しい変数を作ることです。それを新しい友達と呼ぶだけです。要求された身体の新しい友達を保存し、それをこの配列に追加したいのですが、残念なことに私たちは友達をすることはできませんこの機能の代わりに友だちのみが定義されているスコープの問題があるので、新しい友達を押してください。

55
00:04:31,740 --> 00:04:34,570
そしてここには友人のようなものはありません。

56
00:04:34,620 --> 00:04:35,430
それは非常に悲しい世界です。

57
00:04:35,430 --> 00:04:36,240
友達はいません。

58
00:04:36,450 --> 00:04:44,960
だから私たちはこれをコピーして、私たちのルートすべてに見えるどこかに移動させる必要があります。

59
00:04:45,900 --> 00:04:50,760
 

60
00:04:50,760 --> 00:04:56,650
これは、これが単なる友人の並びであり、新しい友人を追加することができますが、サーバーが停止するとすぐに離脱して値引きにリセットされるので、私たちは長くはやっていないことです。

61
00:04:57,120 --> 00:05:00,630
まもなくデータベースを使用し、スコープの問題について心配する必要はありません。

62
00:05:00,660 --> 00:05:05,300
今のところ、すべてのルートでアクセスできるように、ルートの外に移動するだけです。

63
00:05:05,490 --> 00:05:08,990
だから、今度は友人が新しいフランス語をやめてやろうとしたら、それを見せてくれるでしょう。

64
00:05:08,990 --> 00:05:14,780
ここでサーバを再起動して、こちらのフォームに戻ってください。

65
00:05:15,090 --> 00:05:19,370
ページを更新して、Jeanneを追加しましょう。

66
00:05:20,330 --> 00:05:22,920
私は新しい友達を作り、このルートに着きます。

67
00:05:22,930 --> 00:05:28,950
今私たちが友達に戻ったら、私はJeanが追加されているのを見ます。

68
00:05:29,490 --> 00:05:34,520
これは、身体の上にある新しい友達のリクエストを抽出しているところで、これが動作していることを意味します。

69
00:05:34,680 --> 00:05:39,560
また、それを熱狂的な配列にプッシュしてから、この応答を送信しています。

70
00:05:39,650 --> 00:05:44,760
しかし、新しい友人を追加した後、このような応答をしたいと思うのは非常にまれです。

71
00:05:46,020 --> 00:05:47,950
ほとんどの場合、私たちはこれを見たくありません。

72
00:05:47,970 --> 00:05:53,700
 

73
00:05:53,730 --> 00:06:02,070
通常は、このページに戻って新しい友達を見て、私たちができることは、送信の代わりに、またはレンダリングの代わりに、rezというnotherメソッドをリダイレクトとリダイレクトと呼ぶことができます。

74
00:06:02,400 --> 00:06:03,750
まあ、ルートの名前を取る。

75
00:06:03,990 --> 00:06:10,140
 

76
00:06:10,170 --> 00:06:16,860
 

77
00:06:17,010 --> 00:06:18,290
そして、私たちの場合はよくスラッシュの友達をして、彼らはこのルートにリダイレクトされ、スラッシュの友人のルートの中でコードを実行し、それはフランスのテンプレートをレンダリングし、友人の価値を渡すことです。

78
00:06:18,600 --> 00:06:26,240
サーバーを再起動して、ページをリフレッシュすると、新しい友人が追加されます。

79
00:06:26,610 --> 00:06:31,180
ティナとヒット私は新しい友達を作ったとあなたはティナが追加されて見ることができます。

80
00:06:31,260 --> 00:06:34,000
私たちは、このページ全体にとどまっているだけではないことを忘れないでください。

81
00:06:34,050 --> 00:06:36,790
あなたがこの権利を見たら、もう一度それをやりましょう。

82
00:06:36,880 --> 00:06:38,210
Jeanneを追加しましょう。

83
00:06:38,530 --> 00:06:40,840
私は新しい友達を作りました。

84
00:06:40,910 --> 00:06:45,690
ページが一時的にリフレッシュされていることがわかります。これは、ポストリクエストがポストされすぎてポストリクエストを送信しているためです。

85
00:06:45,690 --> 00:06:49,440
 

86
00:06:49,440 --> 00:06:52,090
広告友人ここでいくつかのロジックをやっている。

87
00:06:52,260 --> 00:06:56,640
そして、それは私たちがすでに行っているのと同じルートを同じページに戻すことができます。

88
00:06:56,970 --> 00:07:04,080
だから目に見えることはほとんどありませんが、ちょうどページのちらつきが1秒間表示され、この小さなアイコンがページが取り消していることが分かります。

89
00:07:04,080 --> 00:07:06,360
 

90
00:07:06,360 --> 00:07:12,820
しかし、私が言及したように、私がサーバーを再起動すると、友人アレイの価値はこれに戻ります。

91
00:07:12,840 --> 00:07:16,890
だから私たちはそれらの友人のすべてを失い、私たちのデータに永続性はありません。

92
00:07:16,890 --> 00:07:20,190
一度私たちのうちのほんの数人でデータベースにアクセスしたら、それを修正します。

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

94
00:07:20,880 --> 00:07:24,160
私たちがここで多く取り上げてきたことすべてについて説明しましょう。

95
00:07:24,180 --> 00:07:30,390
私たちが最初に話したのは、ポストルートを設定することでした。アプリケーションポストだけでした。それは、単に特定のあなたの行へのポストリクエストによってトリガされることを除けば、aptと同様に機能します。

96
00:07:30,390 --> 00:07:35,740
 

97
00:07:36,570 --> 00:07:43,950
そして、あなたが知っていると私たちはどのように働く郵便配達員とポストリクエストを送ることができるかを見てから、郵便配達員を使ってポストリクエストをリクエストすることができます。

98
00:07:43,950 --> 00:07:47,390
 

99
00:07:47,400 --> 00:07:49,070
そして、フォームを使って。

100
00:07:49,290 --> 00:07:55,740
 

101
00:07:55,740 --> 00:08:01,170
 

102
00:08:01,170 --> 00:08:05,460
フォームを送信するときには、アクションとメソッドを提供する必要があります。私は自分のフォームに年齢について話をしたときに、これを実際に早期に紹介し、後でそのアクションとメソッドの意味とポスト要求は取得要求とは異なります。

103
00:08:05,460 --> 00:08:09,990
 

104
00:08:09,990 --> 00:08:15,630
だから今は、投稿を取得することと、このアクションが意味することとルートがとにかくあるのでフォーラムを持っていることと、入力が1つではなく、私たちは名前属性とこの名前属性を追加しました。これは新しい友人に値を設定しました。データが要求本文にどのように追加されるかです。

105
00:08:15,630 --> 00:08:22,290
 

106
00:08:22,290 --> 00:08:27,200
 

107
00:08:27,210 --> 00:08:33,390
したがって、このフォームの価値が何であれ、これを提出すると、それはTinaと言いましょう。それは新しい友達の名前で送信されます。

108
00:08:33,390 --> 00:08:35,130
 

109
00:08:35,400 --> 00:08:42,090
 

110
00:08:42,300 --> 00:08:48,600
 

111
00:08:48,600 --> 00:08:49,810
そして、私たちの装置の内部では、私たちがNPMインストールボディパーサーをインストールしなければならなかったボディパーサを含んでいた場合に限り、bodycountの新しい友達をリクエストしてそれを抽出することができます。

112
00:08:49,800 --> 00:08:56,070
だから、パーサーを使用することができます。この行全体は常に見えます。パーザはリクエストボディをとり、ここで行ったように使用してアクセスできるjavascriptオブジェクトに解析します。

113
00:08:56,070 --> 00:09:02,100
 

114
00:09:02,100 --> 00:09:02,720
 

115
00:09:02,820 --> 00:09:08,640
そして、私たちが最後に見た新しいものはredstart

116
00:09:09,030 --> 00:09:13,890
redirectでした。スラッシュの友人のように知っていて、それは再びそのルートを引き起こし、スラッシュの友達ルートの中のすべてのコードを実行します。

117
00:09:13,890 --> 00:09:15,280
さて、次のレッスンでお会いしましょう。