1
00:00:00,210 --> 00:00:01,510
お帰りなさい。

2
00:00:01,530 --> 00:00:04,700
これはコース全体の中でより重要なレッスンの1つです。

3
00:00:04,890 --> 00:00:08,670
しかし、それはこれまで行ってきたこととは非常に異なっているでしょう。

4
00:00:08,670 --> 00:00:13,260
 

5
00:00:13,260 --> 00:00:18,120
それが違うのは、これまでに一度も見たことのないコードの束をあなたに見せてくれることです。あなたは全く理解できないと考えています。

6
00:00:18,120 --> 00:00:23,730
私がこれをやっているのは、これらの作品がどのようにぴったり合っているかを概念的に概観したいからです。

7
00:00:23,790 --> 00:00:28,430
サーバーのGET要求の投稿がブラウザに要求するデータベース。

8
00:00:28,440 --> 00:00:30,900
これらのさまざまな要求と応答のすべて。

9
00:00:31,080 --> 00:00:35,430
本当にシンプルなアプリケーションを使ってそのすべてを示したいと思います。

10
00:00:35,430 --> 00:00:37,120
それが私がここでやろうとしていることです。

11
00:00:37,200 --> 00:00:42,900
もし私がこれを直接教えていたら、これはあなたのコンピュータを閉じるためにラップトップを下に置くことを要請するポイントになります。

12
00:00:42,900 --> 00:00:43,920
 

13
00:00:44,040 --> 00:00:45,670
明らかに良いアイデアはここではありません。

14
00:00:45,930 --> 00:00:50,100
しかし、その背後にある感情は、私はあなたがこれについてメモを取って欲しくないということです。

15
00:00:50,100 --> 00:00:54,780
私たちはすべての単一の行に行き、最初からそれを書いて、これらの概念を使ってこれらの異なるアプリのうちの6つを7つ作成します。

16
00:00:54,780 --> 00:00:57,240
 

17
00:00:57,240 --> 00:01:03,580
これは、物事がどのように合っているかについてのもので、実際の働きの詳細ではありません。

18
00:01:03,600 --> 00:01:06,630
それでは、ここで始めましょう。

19
00:01:07,020 --> 00:01:09,840
このアプリケーションは、犬の周りをテーマにしています。

20
00:01:09,840 --> 00:01:11,010
それは非常に簡単です。

21
00:01:11,010 --> 00:01:12,320
全くスタイリングはありません。

22
00:01:12,420 --> 00:01:14,320
ほんの数ページ。

23
00:01:14,430 --> 00:01:19,250
私たちが話す必要があるのは、このファイル全体のことです。

24
00:01:19,260 --> 00:01:21,750
これは私たちのサーバーファイルです。

25
00:01:21,750 --> 00:01:23,450
私の場合、それはアプリドッジと呼ばれています。

26
00:01:23,460 --> 00:01:25,720
はい、これはJavascriptで書かれています。

27
00:01:25,800 --> 00:01:30,180
このファイルを実行すると、実際に私のためにサーバーが起動します。

28
00:01:30,180 --> 00:01:37,560
だから私が前に私がそれを読んで要求を送るときに私がcomのスラッシュ検索を読むことを要求しているのを聞いているRedditサーバ上のコードがあると言いました。

29
00:01:37,560 --> 00:01:41,310
 

30
00:01:41,310 --> 00:01:45,850
今com comは検索をスラッシュし、それからあなたは正しいデータを返信します。

31
00:01:46,080 --> 00:01:50,990
Redditサーバーにコードがあると言うと、これは私たちが話している種類のコードです。

32
00:01:51,210 --> 00:01:56,730
したがって、Pythonで読み込みが行われていて、これはjavascriptですが、これは異なるリクエストをリッスンしてから別の部分で応答するサーバー上のコードです。

33
00:01:56,790 --> 00:02:00,620
 

34
00:02:00,630 --> 00:02:05,150
大きなチャンクが3つあり、これはアプリケーションをセットアップするだけです。

35
00:02:05,250 --> 00:02:09,370
あなたが見ることができるように適切なライブラリを含めると、いくつかの依存関係があります。

36
00:02:09,390 --> 00:02:11,560
やはり後ですべてを調べます。

37
00:02:11,850 --> 00:02:13,570
それから、いくつかのデータベースがあります。

38
00:02:13,830 --> 00:02:20,910
これは私たちのデータベースがすべての犬が名前と品種を持っていることを知るようにデータベースを設定しており、両方とも文字列です。

39
00:02:20,910 --> 00:02:22,060
 

40
00:02:22,470 --> 00:02:24,240
そして、それは今のところそれについてすべて言及されています。

41
00:02:24,630 --> 00:02:28,590
 

42
00:02:28,590 --> 00:02:34,170
 

43
00:02:34,470 --> 00:02:39,040
そして、ラップと呼ばれるものがあります。このレッスンでは、このレッスンで大部分の時間を費やしていますが、実際にサーバーを始動するために最も重要な部分を指摘したいと思います。行は構文には関係ありませんが、何が問題になりますか？

44
00:02:39,050 --> 00:02:40,930
ここには3千の数字があります。

45
00:02:40,950 --> 00:02:46,320
 

46
00:02:46,320 --> 00:02:51,860
これがするのは、このファイルを私の端末で実行したときにこのアプリケーションを実行すると、実際にサーバーが起動し、アプリケーションはポート3000上にあります。

47
00:02:51,870 --> 00:02:53,160
だから、私が何を意味するかを見せてあげましょう。

48
00:02:53,160 --> 00:02:58,200
私はこのファイルをもう一度実行してこのサーバを起動しますが、私がそこで何をしているのかはまったく問題ありません。

49
00:02:59,130 --> 00:03:03,260
そして、私はポート3000で犬のデモを提供するメッセージを受け取ることがわかります。

50
00:03:03,570 --> 00:03:07,650
だから私は私のテキストエディタを持っている私はここに私のサーバーのためのコードを書いている。

51
00:03:07,860 --> 00:03:11,000
その後、私の端末では実際にサーバーを実行しています。

52
00:03:11,220 --> 00:03:17,280
だから、今このコードが実行されているこのコードのすべてが実行され、特にこの行は、ポート3千のサーバーを起動しました。

53
00:03:17,280 --> 00:03:18,840
 

54
00:03:18,870 --> 00:03:26,850
だから今3,000番に行くと、ローカルホストのColan 3000が私のところに来る方法は私はホームページを言う何かを見る。

55
00:03:26,850 --> 00:03:28,620
 

56
00:03:28,980 --> 00:03:34,570
私がページソースを見ると、そのホームページHMOをどのように取得しているのか話しましょう。

57
00:03:34,950 --> 00:03:42,150
応答はホームページと言われる単一のH-1だったので、私はそれをすべて見ることができます。

58
00:03:42,150 --> 00:03:46,620
だから私がここに私のサーバに戻った場合、私が指摘したいことがいくつかあります。

59
00:03:46,770 --> 00:03:51,870
最初の1つは、サーバが起動した端末の中にプリントアウトされた小さなメッセージがあることです。

60
00:03:51,870 --> 00:03:52,620
 

61
00:03:52,780 --> 00:03:59,060
これが私たちに語ることは、誰かがあなたにここで言うことである要求をしたということです。

62
00:03:59,150 --> 00:04:00,340
 

63
00:04:00,630 --> 00:04:02,750
したがって、localhost 3000はスラッシュします。

64
00:04:02,820 --> 00:04:04,160
だから後は何もない。

65
00:04:04,530 --> 00:04:10,560
私たちはこれを根本的な経路と呼んでおり、基本的に私たちのホームページにしたいものです。

66
00:04:10,560 --> 00:04:15,840
もう一度私はlocalhost 3000に行き、enterを押しました。

67
00:04:16,200 --> 00:04:24,120
そしてそれは私にいくつかのコードがありますが、もし私がlocalhost

68
00:04:24,120 --> 00:04:26,190
 

69
00:04:29,760 --> 00:04:35,040
3000スラッシュ犬に行った場合、私はこれでページソースを見れば、最初に取得したコンテンツとは異なるいくつかのコンテンツを得ることができます。これは、これが異なる行または別のルートであるためです。

70
00:04:35,040 --> 00:04:38,430
 

71
00:04:38,430 --> 00:04:42,670
だからこの場合、私はスラッシュを求めているだけではありませんでした。

72
00:04:42,840 --> 00:04:44,840
私はスラッシュ犬を求めていた。

73
00:04:45,210 --> 00:04:51,510
また、端末の出力を見ると、スラッシュを取得する要求とスラッシュをスワッシュする要求が異なることがわかります。

74
00:04:51,990 --> 00:04:54,570
 

75
00:04:54,570 --> 00:04:59,630
これは私だけを示しているので、何が起こっているかを示すことができますが、これは論理や何かではありません。

76
00:04:59,640 --> 00:05:03,010
それは作られている要求へのちょうど窓です。

77
00:05:03,390 --> 00:05:05,330
OKこれは物事の要求側です。

78
00:05:05,430 --> 00:05:08,760
私がenterを押すと、私はリクエストをします。

79
00:05:08,760 --> 00:05:09,720
同じことがここにあります。

80
00:05:09,930 --> 00:05:12,430
私はちょうど2つの異なった場所にそれらを作っています。

81
00:05:12,780 --> 00:05:16,680
もちろん、私は郵便配達員と一緒にそれらの要求を得ることができます。

82
00:05:16,680 --> 00:05:21,250
ですから、ローカルホスト3000に要求を出してみましょう。

83
00:05:21,300 --> 00:05:25,890
私がsendを押したときに私たちが見たいと思っていることを考えてみてください。

84
00:05:27,100 --> 00:05:34,590
 

85
00:05:35,010 --> 00:05:42,240
 

86
00:05:42,240 --> 00:05:43,490
私たちが行ったのは、まったく同じH-1を取得し、ローカルホストの3000スラッシュドッグを行い、送信リクエストを送信した場合、ブラウザでリクエストを出したときに取得したものと同じHDメールを取得します入る。

87
00:05:43,500 --> 00:05:47,790
では、これをすべてサーバー側で行うロジックについて説明します。

88
00:05:48,110 --> 00:05:54,300
だから私は崇高に戻って、ここの3つの部分、特にこれらの2つに焦点を当てます。

89
00:05:54,300 --> 00:05:54,940
 

90
00:05:55,320 --> 00:06:00,230
私はこのトピックに関する壊れた記録だが、構文は重要な部分ではないことを知っている。

91
00:06:00,270 --> 00:06:04,960
私たちは、これらのルートを実際に書くことにはそれほど時間がかかりません。

92
00:06:05,010 --> 00:06:13,050
重要なことは、この最初の小さなチャンクでは、このコードがスラッシュを取得するリクエストを受信するため、スラッシュを取得することです。

93
00:06:13,860 --> 00:06:15,450
 

94
00:06:15,720 --> 00:06:20,400
それが起こると、私たちは家と呼ばれるページをレンダリングしています。

95
00:06:20,400 --> 00:06:27,630
だからもう一度、ローカルホスト3000をスラッシュする要求が出されたら、それ以外は何もスラッシュしないでください。ホームと呼ばれるものをレンダリングします。

96
00:06:27,630 --> 00:06:29,690
 

97
00:06:30,030 --> 00:06:32,660
そして、ここに私はそのファイルを家に持っています。

98
00:06:32,670 --> 00:06:34,560
Ejay yessが何であるかは関係ありません。

99
00:06:34,860 --> 00:06:38,360
そして、その中にはホームページを言うH1があります。

100
00:06:38,430 --> 00:06:45,980
ですから、そこに他の何かを追加しましょう。

101
00:06:46,720 --> 00:06:53,910
そして今、彼らが要求を出すだけで、私はそのファイルのホームの内容を私に送り返し、その変更がうまくいくためには私のサーバーを再起動する必要があります。

102
00:06:54,060 --> 00:06:58,740
 

103
00:06:58,800 --> 00:07:06,690
だから私は今起動し、私はこれを横に置くことを見て、私は再びそこに私のサーバーを取得するクロームに戻ります。

104
00:07:06,690 --> 00:07:07,590
 

105
00:07:08,220 --> 00:07:11,730
私はlocalhost 3000にリクエストを出します。

106
00:07:11,970 --> 00:07:16,380
あなたが見ることができるように、それは私にスラッシュに要求が出されたことを伝えます。

107
00:07:16,830 --> 00:07:19,530
そして、私たちはこのコンテンツを取り戻しました。

108
00:07:19,590 --> 00:07:26,480
そこでここでもまた私たちのコードは、リクエストをスラッシュにして返信するファイルを決定するのを聞いています。

109
00:07:26,490 --> 00:07:32,580
ここでは、私たちが犬をスラッシュするリクエストを聞いている場所のもう一つのより複雑なバージョンがあります。

110
00:07:32,670 --> 00:07:33,550
 

111
00:07:33,930 --> 00:07:36,250
そしてここには他にもいくつかのコードがあります。

112
00:07:36,390 --> 00:07:37,740
そして私はちょうどコメントを読むでしょう。

113
00:07:37,740 --> 00:07:44,930
ここで起きることはデータベースからすべての犬を得ることなので、私はすでにデータベースにいくつか持っています。

114
00:07:45,190 --> 00:07:54,350
そして、次の部分は、犬のファイルをレンダリングし、私たちは今のところそれをそのまま残します。

115
00:07:54,390 --> 00:07:59,430
だから、私たちはデータベース内のすべての犬を取得し、ここにある犬のファイルをレンダリングしています。

116
00:07:59,710 --> 00:08:01,390
そして、これは少し違って見えます。

117
00:08:01,410 --> 00:08:02,940
それは彼だけではない。

118
00:08:02,970 --> 00:08:05,740
ここには私たちが見たことのない奇妙なものがあります。

119
00:08:06,030 --> 00:08:13,150
しかし、終わりには何が起こるのか、私は犬をスラッシュに行くときに、私たちのアプリは犬をスラッシュする要求を聞いている。

120
00:08:13,150 --> 00:08:14,230
 

121
00:08:14,340 --> 00:08:19,980
それが取得されると、データベース内のすべての犬を検索し、それぞれが名前と品種を持っていて、それぞれの犬が少し嘘をつくようになります。

122
00:08:19,980 --> 00:08:22,330
 

123
00:08:22,470 --> 00:08:25,600
したがって、これらのそれぞれは、名前と品種を持つ同盟国です。

124
00:08:26,100 --> 00:08:32,640
もう一度私たちは2つのルートを取得リクエストとしてスラッシュし、取得リクエストとしてスラッシュ・ドッグを取得し、2つの異なるファイルを取得し、犬をスラッシュするときと少しスラッシュするときのロジックを少しずつ取得します。

125
00:08:32,640 --> 00:08:38,740
 

126
00:08:38,880 --> 00:08:41,910
データベースで何も起こっていないという論理はありません。

127
00:08:41,910 --> 00:08:44,530
それは単に私たちに静的なページを与えているだけです。

128
00:08:44,880 --> 00:08:46,140
しかし、これは静的ではありません。

129
00:08:46,260 --> 00:08:49,260
これは、データベースから何が来ているかによって異なります。

130
00:08:50,160 --> 00:08:56,830
ここのサーバーに戻りコードを見てください。ここでこの行について少し話します。

131
00:08:57,480 --> 00:09:02,910
そこで、ここでは犬と書かれているものであるDogsというテンプレートをページにしています。

132
00:09:03,120 --> 00:09:13,830
はい、私たちはこのテンプレートにデータを渡しています。なぜなら、resti dash

133
00:09:14,230 --> 00:09:20,970
muttと言う味方はいないし、後で別のテンプレートをテンプレートにも持たないからです。ブラウザに入っています。

134
00:09:20,970 --> 00:09:23,890
 

135
00:09:24,000 --> 00:09:26,160
しかし、私たちのファイルにはそのようなことはありません。

136
00:09:26,250 --> 00:09:27,810
それがダイナミックなものです。

137
00:09:27,840 --> 00:09:32,970
このファイルは、データベース内の内容に応じて毎回異なる場合があります。

138
00:09:32,970 --> 00:09:39,780
 

139
00:09:39,780 --> 00:09:48,150
 

140
00:09:48,300 --> 00:09:51,000
だから私たちが実際にやっていることは、私たちが起こしたいもののテンプレートやパターンを定義することです。それぞれの犬の犬のためのものです。私たちは仲間になりたいと思っています。プレーンテキスト。

141
00:09:51,000 --> 00:09:55,800
 

142
00:09:55,800 --> 00:10:02,610
ですから、これをデータベースのすべての犬が取り出すまでには、私たちはループして、太字ではなく太字の名前で1人の同盟国を作っていきます。

143
00:10:02,610 --> 00:10:03,780
だからそれに任せてください。

144
00:10:03,780 --> 00:10:05,010
今まとめてみましょう。

145
00:10:05,160 --> 00:10:10,140
そこでここにサーバーを作成するコードがあります。

146
00:10:10,140 --> 00:10:13,820
これだけが私たちのサーバーを作る責任がある唯一のコードです。

147
00:10:13,950 --> 00:10:16,190
私たちにはセットアップコードがありません。

148
00:10:16,200 --> 00:10:18,820
一部のデータベースコードはそれほど重要ではありません。

149
00:10:18,840 --> 00:10:21,320
そして、これらの2つのルートとそれらは多くのことが重要です。

150
00:10:21,630 --> 00:10:27,240
だから、これは私たちがリクエストしたすべてのものに応じて、異なるコードと異なるファイルを取得する方法です。要求を受け取ったときにスラッシュを要求します。

151
00:10:27,780 --> 00:10:30,180
 

152
00:10:30,330 --> 00:10:38,040
私たちは家に帰って1匹の犬を飼います。

153
00:10:38,430 --> 00:10:42,720
データベース内のすべての犬を見つけて、その犬のファイルをレンダリングします。

154
00:10:42,930 --> 00:10:49,170
しかし、犬のファイルは、犬の束とそれぞれのために必要なので動的です。

155
00:10:49,170 --> 00:10:50,410
それは同盟国を作る。

156
00:10:50,520 --> 00:10:55,230
だからデータベースに10000匹の犬がいたら、10000人の味方で終わるだろう。

157
00:10:55,920 --> 00:11:01,770
 

158
00:11:01,770 --> 00:11:07,650
私がしたい最後のポイントは、ここでテキストエディタを使用して、サーバーを実行している端末があることを確認してから、ブラウザーにアクセスしてそのWebページにアクセスしてリクエストします。

159
00:11:08,520 --> 00:11:10,370
それらは私たちが必要とする3つのツールです。

160
00:11:10,410 --> 00:11:16,830
だから、これらの3つのものはテキストエディタで、ターミナルやサーバを起動してリスニングできる場所にコードを書きます。

161
00:11:16,830 --> 00:11:19,780
 

162
00:11:20,100 --> 00:11:24,420
そして最後に、私たちが実際に行ってリクエストを行うことのできるブラウザです。

163
00:11:24,630 --> 00:11:29,940
だから私たちはブラウザを使う必要はありません。私たちは郵便配達員を使うことができましたが、自分のWebアプリケーションの作成を開始するときには、次のいくつかのビデオで実際に弊社のWebページと対話するために郵便配達員を使用する人はいません。

164
00:11:29,940 --> 00:11:34,540
 

165
00:11:34,560 --> 00:11:36,780
これらの3つのツールが用意されています。

166
00:11:36,960 --> 00:11:42,440
だから我々はテキストエディタをブラウザとターミナル、あるいはどこかでサーバを走らせるつもりだ。