お帰りなさい。
これはコース全体の中でより重要なレッスンの1つです。
しかし、それはこれまで行ってきたこととは非常に異なっているでしょう。
それが違うのは、これまでに一度も見たことのないコードの束をあなたに見せてくれることです。あなたは全く理解できないと考えています。
私がこれをやっているのは、これらの作品がどのようにぴったり合っているかを概念的に概観したいからです。
サーバーのGET要求の投稿がブラウザに要求するデータベース。
これらのさまざまな要求と応答のすべて。
本当にシンプルなアプリケーションを使ってそのすべてを示したいと思います。
それが私がここでやろうとしていることです。
もし私がこれを直接教えていたら、これはあなたのコンピュータを閉じるためにラップトップを下に置くことを要請するポイントになります。
明らかに良いアイデアはここではありません。
しかし、その背後にある感情は、私はあなたがこれについてメモを取って欲しくないということです。
私たちはすべての単一の行に行き、最初からそれを書いて、これらの概念を使ってこれらの異なるアプリのうちの6つを7つ作成します。
これは、物事がどのように合っているかについてのもので、実際の働きの詳細ではありません。
それでは、ここで始めましょう。
このアプリケーションは、犬の周りをテーマにしています。
それは非常に簡単です。
全くスタイリングはありません。
ほんの数ページ。
私たちが話す必要があるのは、このファイル全体のことです。
これは私たちのサーバーファイルです。
私の場合、それはアプリドッジと呼ばれています。
はい、これはJavascriptで書かれています。
このファイルを実行すると、実際に私のためにサーバーが起動します。
だから私が前に私がそれを読んで要求を送るときに私がcomのスラッシュ検索を読むことを要求しているのを聞いているRedditサーバ上のコードがあると言いました。
今com comは検索をスラッシュし、それからあなたは正しいデータを返信します。
Redditサーバーにコードがあると言うと、これは私たちが話している種類のコードです。
したがって、Pythonで読み込みが行われていて、これはjavascriptですが、これは異なるリクエストをリッスンしてから別の部分で応答するサーバー上のコードです。
大きなチャンクが3つあり、これはアプリケーションをセットアップするだけです。
あなたが見ることができるように適切なライブラリを含めると、いくつかの依存関係があります。
やはり後ですべてを調べます。
それから、いくつかのデータベースがあります。
これは私たちのデータベースがすべての犬が名前と品種を持っていることを知るようにデータベースを設定しており、両方とも文字列です。
そして、それは今のところそれについてすべて言及されています。
そして、ラップと呼ばれるものがあります。このレッスンでは、このレッスンで大部分の時間を費やしていますが、実際にサーバーを始動するために最も重要な部分を指摘したいと思います。行は構文には関係ありませんが、何が問題になりますか？
ここには3千の数字があります。
これがするのは、このファイルを私の端末で実行したときにこのアプリケーションを実行すると、実際にサーバーが起動し、アプリケーションはポート3000上にあります。
だから、私が何を意味するかを見せてあげましょう。
私はこのファイルをもう一度実行してこのサーバを起動しますが、私がそこで何をしているのかはまったく問題ありません。
そして、私はポート3000で犬のデモを提供するメッセージを受け取ることがわかります。
だから私は私のテキストエディタを持っている私はここに私のサーバーのためのコードを書いている。
その後、私の端末では実際にサーバーを実行しています。
だから、今このコードが実行されているこのコードのすべてが実行され、特にこの行は、ポート3千のサーバーを起動しました。
だから今3,000番に行くと、ローカルホストのColan 3000が私のところに来る方法は私はホームページを言う何かを見る。
私がページソースを見ると、そのホームページHMOをどのように取得しているのか話しましょう。
応答はホームページと言われる単一のH-1だったので、私はそれをすべて見ることができます。
だから私がここに私のサーバに戻った場合、私が指摘したいことがいくつかあります。
最初の1つは、サーバが起動した端末の中にプリントアウトされた小さなメッセージがあることです。
これが私たちに語ることは、誰かがあなたにここで言うことである要求をしたということです。
したがって、localhost 3000はスラッシュします。
だから後は何もない。
私たちはこれを根本的な経路と呼んでおり、基本的に私たちのホームページにしたいものです。
もう一度私はlocalhost 3000に行き、enterを押しました。
そしてそれは私にいくつかのコードがありますが、もし私がlocalhost
3000スラッシュ犬に行った場合、私はこれでページソースを見れば、最初に取得したコンテンツとは異なるいくつかのコンテンツを得ることができます。これは、これが異なる行または別のルートであるためです。
だからこの場合、私はスラッシュを求めているだけではありませんでした。
私はスラッシュ犬を求めていた。
また、端末の出力を見ると、スラッシュを取得する要求とスラッシュをスワッシュする要求が異なることがわかります。
これは私だけを示しているので、何が起こっているかを示すことができますが、これは論理や何かではありません。
それは作られている要求へのちょうど窓です。
OKこれは物事の要求側です。
私がenterを押すと、私はリクエストをします。
同じことがここにあります。
私はちょうど2つの異なった場所にそれらを作っています。
もちろん、私は郵便配達員と一緒にそれらの要求を得ることができます。
ですから、ローカルホスト3000に要求を出してみましょう。
私がsendを押したときに私たちが見たいと思っていることを考えてみてください。
私たちが行ったのは、まったく同じH-1を取得し、ローカルホストの3000スラッシュドッグを行い、送信リクエストを送信した場合、ブラウザでリクエストを出したときに取得したものと同じHDメールを取得します入る。
では、これをすべてサーバー側で行うロジックについて説明します。
だから私は崇高に戻って、ここの3つの部分、特にこれらの2つに焦点を当てます。
私はこのトピックに関する壊れた記録だが、構文は重要な部分ではないことを知っている。
私たちは、これらのルートを実際に書くことにはそれほど時間がかかりません。
重要なことは、この最初の小さなチャンクでは、このコードがスラッシュを取得するリクエストを受信するため、スラッシュを取得することです。
それが起こると、私たちは家と呼ばれるページをレンダリングしています。
だからもう一度、ローカルホスト3000をスラッシュする要求が出されたら、それ以外は何もスラッシュしないでください。ホームと呼ばれるものをレンダリングします。
そして、ここに私はそのファイルを家に持っています。
Ejay yessが何であるかは関係ありません。
そして、その中にはホームページを言うH1があります。
ですから、そこに他の何かを追加しましょう。
そして今、彼らが要求を出すだけで、私はそのファイルのホームの内容を私に送り返し、その変更がうまくいくためには私のサーバーを再起動する必要があります。
だから私は今起動し、私はこれを横に置くことを見て、私は再びそこに私のサーバーを取得するクロームに戻ります。
私はlocalhost 3000にリクエストを出します。
あなたが見ることができるように、それは私にスラッシュに要求が出されたことを伝えます。
そして、私たちはこのコンテンツを取り戻しました。
そこでここでもまた私たちのコードは、リクエストをスラッシュにして返信するファイルを決定するのを聞いています。
ここでは、私たちが犬をスラッシュするリクエストを聞いている場所のもう一つのより複雑なバージョンがあります。
そしてここには他にもいくつかのコードがあります。
そして私はちょうどコメントを読むでしょう。
ここで起きることはデータベースからすべての犬を得ることなので、私はすでにデータベースにいくつか持っています。
そして、次の部分は、犬のファイルをレンダリングし、私たちは今のところそれをそのまま残します。
だから、私たちはデータベース内のすべての犬を取得し、ここにある犬のファイルをレンダリングしています。
そして、これは少し違って見えます。
それは彼だけではない。
ここには私たちが見たことのない奇妙なものがあります。
しかし、終わりには何が起こるのか、私は犬をスラッシュに行くときに、私たちのアプリは犬をスラッシュする要求を聞いている。
それが取得されると、データベース内のすべての犬を検索し、それぞれが名前と品種を持っていて、それぞれの犬が少し嘘をつくようになります。
したがって、これらのそれぞれは、名前と品種を持つ同盟国です。
もう一度私たちは2つのルートを取得リクエストとしてスラッシュし、取得リクエストとしてスラッシュ・ドッグを取得し、2つの異なるファイルを取得し、犬をスラッシュするときと少しスラッシュするときのロジックを少しずつ取得します。
データベースで何も起こっていないという論理はありません。
それは単に私たちに静的なページを与えているだけです。
しかし、これは静的ではありません。
これは、データベースから何が来ているかによって異なります。
ここのサーバーに戻りコードを見てください。ここでこの行について少し話します。
そこで、ここでは犬と書かれているものであるDogsというテンプレートをページにしています。
はい、私たちはこのテンプレートにデータを渡しています。なぜなら、resti dash
muttと言う味方はいないし、後で別のテンプレートをテンプレートにも持たないからです。ブラウザに入っています。
しかし、私たちのファイルにはそのようなことはありません。
それがダイナミックなものです。
このファイルは、データベース内の内容に応じて毎回異なる場合があります。
だから私たちが実際にやっていることは、私たちが起こしたいもののテンプレートやパターンを定義することです。それぞれの犬の犬のためのものです。私たちは仲間になりたいと思っています。プレーンテキスト。
ですから、これをデータベースのすべての犬が取り出すまでには、私たちはループして、太字ではなく太字の名前で1人の同盟国を作っていきます。
だからそれに任せてください。
今まとめてみましょう。
そこでここにサーバーを作成するコードがあります。
これだけが私たちのサーバーを作る責任がある唯一のコードです。
私たちにはセットアップコードがありません。
一部のデータベースコードはそれほど重要ではありません。
そして、これらの2つのルートとそれらは多くのことが重要です。
だから、これは私たちがリクエストしたすべてのものに応じて、異なるコードと異なるファイルを取得する方法です。要求を受け取ったときにスラッシュを要求します。
私たちは家に帰って1匹の犬を飼います。
データベース内のすべての犬を見つけて、その犬のファイルをレンダリングします。
しかし、犬のファイルは、犬の束とそれぞれのために必要なので動的です。
それは同盟国を作る。
だからデータベースに10000匹の犬がいたら、10000人の味方で終わるだろう。
私がしたい最後のポイントは、ここでテキストエディタを使用して、サーバーを実行している端末があることを確認してから、ブラウザーにアクセスしてそのWebページにアクセスしてリクエストします。
それらは私たちが必要とする3つのツールです。
だから、これらの3つのものはテキストエディタで、ターミナルやサーバを起動してリスニングできる場所にコードを書きます。
そして最後に、私たちが実際に行ってリクエストを行うことのできるブラウザです。
だから私たちはブラウザを使う必要はありません。私たちは郵便配達員を使うことができましたが、自分のWebアプリケーションの作成を開始するときには、次のいくつかのビデオで実際に弊社のWebページと対話するために郵便配達員を使用する人はいません。
これらの3つのツールが用意されています。
だから我々はテキストエディタをブラウザとターミナル、あるいはどこかでサーバを走らせるつもりだ。