それは戻ってきます。
だから、このレッスンは私が作ることにとても興奮しています。
あなたがそれを楽しむことを願っています。
私たちが実際にそれをする前に、私たちは最初の明示的なアプリを書くつもりです。
私は30秒かかると思う。
それは本当に私は約束が短いだろう。
既存のアプリがどのように機能しているか、既に紹介した犬アプリとHTPリクエストレスポンスのライフサイクルの基本について、2つの重要なトピックを確認してください。
さあ、始めましょう。
私はHTPの要求と応答について話をすることから始めます。
だから私はGoogleのドットコムのような私はあなたに行くと私は私が私はHDTVの要求を送信するWebページを要求している特定の動詞またはタイプがある入力をヒットするときに覚えています。
これはGETリクエストかPOSTリクエストか、まだ見たことのないものですか？
そして、私は潜在的に要求と私の要求を受け取るサーバーと一緒にいくつかのデータを送信します。私がGoogleにリクエストしているサーバーには、私に送り返すペー​​ジを決定するいくつかのコードがあります。
Googleのホームページを送信したり、GoogleのログオンページやG-mailページを私に送信したり、ページに「私のパスワードが間違っています」というメッセージが表示されます。
サーバーは何を返送するかを決定しています。
そしてそれは応答で応答します。
だから私はリクエストサーバーのサイドコードを送って、私が求めていることを理解し、それからいくつかのことをしてから、私たちがExpressを使う根本的なレスポンスをフィードバックします。
だから私はあなたが覚えているかもしれないこの犬のデモアプリを持っています。
それは非常に忘れることができます。
私たちが接続したデータベースを持っているシンプルなアプリで、ユーザーはデータベース内のすべての犬を見ることができます。
それぞれの犬は名前と完全に役に立たない品種しか持たない。
しかし、それは素敵でシンプルで、私はそれがExpressがどのように機能するかをよく説明していると思います。
そこでここにいくつかのコードがあります。
Expressを必要とし、データベースを必要とするようなもの。
しかし、最も重要なのはこれらの3つのチャンクであり、これらはラップと呼ばれ、私たちは私たち自身のルートと、ほんの数分のルートや、私が話したリクエストを聞いたり受信したり、返すものを決めるコード。
この場合、ホームページへのリクエストをリッスンしているコードがあり、その後、スラッシュを取得するリクエストをリッスンするコードがあり、スラッシュ作成犬のポストリクエストをリッスンする他のコードがありますルート内でコードを実行しています。
この場合、ホームページをレンダリングするだけです。
それは、私たちのホームページの内容で応答するつもりです。これは、このページの別の場所にある別のファイルです。
誰かが刈り取った犬を求めるリクエストをしたら、すべての犬を見つけて、犬のページをレンダリングし、犬のすべてのデータを送信します。
それに沿って。
誰かが犬をつくると、私たちは犬を作るための投稿要求を送ります。
犬をデータベースに追加してから、犬のページに戻して、すべての犬を見ることができます。
構文にあまり威圧を感じないようにしてください。また、一度に少しずつ少しずつ紹介していきます。
しかし、すべてが始まる最初のことは、このルートのアイデアであり、ルートは、サーバー上で受信されるリクエストに応じていくつかのコードを実行する単なるコードです。
それでは私のサーバーを始める次のポイントに私を連れて行きます。
ですから、aptというファイルを実行しなければなりません。
はいノードapt。
はい、そうです。
そして、それは行く必要があります。
この場合はクラウド9で実際に違うポート3000に移動します。
しかし、私がポート3000に行ってリフレッシュすると、ホームページが表示されます。なぜなら、スラッシュを要求し、スラッシュを要求するときにホームページを送信するコードがあるからです。
同じこと、私が犬をスラッシュに行く場合、掘り出し物をスラッシュする要求を受け取るように要求を聞いているコードの別のビットがあり、それは私にすべての犬を戻します。
そして、最後に私は新しい犬を作って提出することができ、それは犬を作成するための投稿要求を送信します。
そして、このコードは間違っています。
大丈夫。
それで私が自分のコードを書く前に、私が見直したかったのです。
あなたがそれを完全に眠ってしまったら、大きなルートを1つ選んで、ルートルートが重要です。
Rasnerは、特定のリクエストをどのように聞いてから、リクエストに応じていくつかのコードを実行します。
今すぐあなたが待っていた瞬間です。
うまくいけば、あなたはこれを待っていたでしょう。
私たちは先に進んで最初のエクスプレスアプリを作って、9つ目のクラウドに戻って新しいディレクトリを作るつもりです。
私はちょうどそれを最初に表現するアプリとCDを呼び出すつもりですし、私は新しいファイルのアプリを作成するつもりですし、我々はそれを開き、私たちは速やかにエクスプレスアプリをログに記録を開始します。
私たちはここに行って保存して、それを実行しましょう。
とにかくコンソールログを取得できます。
今すぐExpressをインストールしてExpressドックに戻ると、NPMインストールエクスプレスを実行するだけで、最後のビデオでこのビデオでダッシュダッシュを保存することについて話し合ったことが分かりました。私たちは最後までそれを保つつもりです。
Expressの機能には何の違いもありません。
だから私たちはビデオの後半までそれを残すつもりです。
だから我々はExpressをインストールしたいと思ってLSを入力します。もちろんノードモジュールのディレクトリはありませんが、NPMをインストールするとすぐに私は少し時間がかかります。
これは間違いなくこれまでにインストールした他のものよりも大きなダウンロードです。
安全なLSのノードモジュールディレクトリがあるか、ファイルツリーを本当にリフレッシュします。
あなたは私が明示したモジュールを見ず、ノードモジュールの代わりにたくさんのディレクトリがあります。
たくさんのファイルがあります。これは、私たち自身を書く必要がないフレームワークを作るすべてのコードのすべてのロジックです。
だから私たちはそれを終わらせます。
もちろん、次に行うべきことは、私たちのアプリケーションで表現する必要がありますので、私たちは遠くまでやります。
エクスプレスは、そのような表現が必要です。
そして、それはエクスプレスモジュールをインポートします。
しかし以前の図書館やパッケージとは違って、私たちが言ったところでは猫のように見えましたが、猫は私に匹敵し、それを使うには猫と言いました。
このケースでは、猫はノックノックジョークのような1つの単純な機能だけが1つの機能だけを持っていることを1つだけ持っています。
Well Expressにはたくさんのメソッドがありますので、このようなエクスプレスを実行するだけではありません。
それを使用するには、私たちはそれを実行し、ほとんどの人がappと呼ぶ変数に保存します。
だからvar
express
equalsはExpressを必要とするExpressを必要とし、Expressディレクトリのすべての内容を含んでいます。そして、それを実行して、appと呼ばれる変数に保存します.Expressで行うことはすべてアプリケーションドットになります。
これで、エクスプレスがインストールされ初期化されたので、それが動作することを確認することは常に良いアイデアです。
それでは、ノードアプリケーションを実行してみましょう。
はい。
私たちが間違いを犯さない限り、何も起こるべきではありません。
それは、私たちが行くのが良いことを意味します。
ここで最初のルートを定義します。
私たちは非常に簡単なアプリケーションにするつもりです。
あなたがスラッシュに行くとき、あなたはハイと言うメッセージを得るつもりです。
そして、あなたが別れを捨てる、あるいはちょうど買わせるとき、あなたは良いことを言うメッセージを得るでしょう。
そしてもう一度やってください。あなたが犬をスラッシュに行くとき、あなたはヤウのメッセージを受け取ります。
だから3つの異なるルートを3つの異なる場所で私たちはリクエストをすることができ、我々は3つの異なる応答を私たちが要求する場所に応じて取得することができます。
したがって、ルートを定義する構文は次のようになります。
私たちはこの最初のものから始めます。
そこには高いと私たちはアプリのドットを書くには、2つの異なるパラメータを取得するアプリケーションを取得します。
最初のものは、ユーロまたはスラッシュであるパスです。
この場合、ユーザーがget要求を出したときにルートを作成しようとしているので、ここで取得できるのは後で投稿を表示し、さらにリードとパッチを更新して他のHTP動詞を追加することを意味します。
しかし、ポストを得ることが最も一般的です。
だから、あなたがルートパスまたはルートとも呼ばれるスラッシュに要求を出すと、aptが得られます。
次に、コールバック関数であるこのコードを実行し、このコールバック関数が2つの異なる引数の要求と応答を受け取るようにします。
これらは、私たちが完全に私たちに呼び出されるようにするために必要なものです。
しかし、これは最も頻繁に見られるでしょう。私は公式のエクスプローラ文書で、rezでreqを使用していると思います。
実際にリクエストと応答をすべて入力する人もいますが、レコンは実際にこのオブジェクトの中にあるオブジェクトです。レッズは、このルートと応答を引き起こしたリクエストに関するすべての情報を含むオブジェクトです私たちが何を返そうとしているのかについてのすべての情報を含んでいます。
だから私はちょっとしてそのログをキャンセルして、それがどのように見えるかを示します。
しかし始めるには、rez dot sendを書くつもりです。
こんにちは。
これはテキストで返信する単なる方法ですが、アプリケーションのページに移動した後は、そのアプリケーションを開始した後にテキストを取得することを期待しています。
こんにちは、ブラウザで私たちに印刷しましたが、これはまだうまくいきません。
私がこのノートアプリケーションを実行すると、Expressでコードの本当に重要な部分が欠落しているので何も起こりません。
実際には、それを行うためのさまざまな要求を聞くように指示するコードを記述する必要があります。
EXPRESSは、listenというメソッドを提供します。
だから大丈夫。
Apt upを聞くと、私たちは聞き取るためのポートを提供する必要があり、ここで私の例であなたを紹介します。
私はポート3000で聞いていましたが、私たちはクラウド9にいるので少し違ったやり方をしなければなりません。
私たちは、NVIポートをプロセスでリッスンする必要があります。
したがって、このコードはすべて、実際には3000のような数値を返します。ただし、使用するクラウド9サーバーの数を返します。
これは変数です。
これは環境変数と呼ばれ、作業している環境変数はポートと呼ばれます。
だから、これは数値を返しますが、数値をハードコードしません。
それは雲9から来ている。
私たちが通らなければならないもう一つの情報がEMV IPのプロセスです。
これはアプリからアプリにコピー＆ペーストするだけのラインです。
私たちは、Expressで行うすべてのアプリケーションの一番下にそれを使用します。
だから、私たちが使う必要のあるクッキーカッターラインのひとつです。
これは、クラウド9が望んでいる特定のポートとクラウド9がそれを期待する特定のIPを聴くためにエクスプレスに伝えます。エクスプレスセーフティをエリアに初期化します。スラッシュ。
私たちはブラウザの応答でそれらが返ってくるのを見て、ルートを定義するだけでは不十分です。
次に、特定のポートでIPアドレスをリッスンするようにアプリに指示する必要があります。
これで、ファイルの内容全体を実行するノードアプリケーションを使用してサーバーを起動するだけです。
カーソルの変更が表示されます。
サーバが起動したので、実際にコマンドを入力することができます。
これを改善するために私たちができる小さなことが1つあります。
だから、Control-Cからそれを外し、コールバック関数をAPTに渡すこともできます。
ここでは、ログサーバーがそのように開始されたことを取り消して、サーバーを再起動し、サーバーを再起動するようにしています。サーバーが始動したというメッセージが表示されるので、今私が地元のホストに行った崇高と犬のデモで示した地元のバージョンとは違ってこのサイトを訪問するColan
3000
Clubine実際にあなた自身であなたがホストしているあなたはあなたがうまくいて、プレビューをクリックしプレビュー新しいタブが開きます。
そして、私たちが望むならば、ここでタブを使うことができます。
私はロールをコピーして新しいタブを開き、それを貼り付けて、実際にクラウドを使わずにブラウザで使うことができるようにするのが好きです。9は偽のブラウザなので、私の役割は分かります私のワークスペースweb
devの名前です。私のユーザー名ドットC-9ドットをダッシュ​​します。
だから、あなたは現在、この1つのファイルであるそのワークスペースで何を提供しているのでしょう。
最初のエクスプレスアプリの代わりにはいが自動的に無料でクラウド9ワークスペースを作成し、それよりもエキサイティングなときに与えられた行になります。
私たちはそこで高くなることがわかります。
それは動作しているだけで、サーバーのルートに要求をスラッシュしています。
そして、私はそこに高くなっています。
私たちがこのようなことをしようとすると、私が追加したこの道はあなたになるというメッセージを得るでしょう。
だからもう一枚追加しましょう。
まったく同じパターン。
購入ルートを作ろう。
だから我々は、アプリケーションがスラッシュを取得しないようにしたい。
それから、私たちの機能要求はそれとまったく同じです。
赤い点やさようなら、それを送ってそれを保存します。
今私達が買物をして、打つことに入るならenterを押してください。
それでも動作しないことがわかります。
それはサーバーを再起動する必要があるからです。
だから、私たちが何らかの変更を加えるときはいつでも、サーバーを再起動する必要があります。
今は、私たちが常に再起動する必要がないように助けるツールを紹介します。
しかし、今はノードAbdulle J.をする必要があります S. 私たちがスラッシュに行くなら、この時間をもう一度保存するかリフレッシュしてください。
私は今、私のさようならのメッセージを受け取り、もし私が根に行くなら、私は高くなる。
それではもう一度やりましょう。
戻ってみましょう。
そうすれば、犬を痩せたり、リクエストやレスポンスでコールバックしたりする代わりに、私たちは応答するつもりです。
RAZとヤング。
私が考えていたことは何でしょう。
なぜ私はヤングを言うのですか？
さて、私は一緒に行くつもりです。
間違いなく女性がいるはずですが、サーバーを再起動するとControl-Cを再起動して終了し、上矢印を押してJSCの後にノードを実行して、ここに戻ってきます。
そして今、私は犬を捨てて、私を出て行くと、私は挨拶をして行くことができます。そして、私は何もスラッシュに行くことができず、そこに行くことができます。
それで、この最初の急行アプリではこれがすべてです。
私たちが進む前に。
私は郵便配達員を開き、アプリケーションをテストするつもりです。
だから私たちはリクエストを出すつもりです。スラッシュ犬のルートにそれを試してみましょう。ローカルホストではなく3000スラッシュの犬で、これをあなたにリクエストする必要があります。
だから私はこれをコピーして郵便配達所に戻って、あなたがエレンであることを貼り付けようとしています。
Daddy-Oスラッシュドッグを教えてください。
そして、私たちが何かをする前に、これをリサイズし、このウィンドウのサイズを変更することも知っています。これを閉じたり、縮小したりして、このWeb Dev
BootcampダッシュにコルトC9
これはあなた自身の雲9カウントにも一致します。
そして、私がやろうとしているのは、私のアプリケーションの犬の代わりに、Daltログを追加するつもりです。
そして、誰かが犬を刈り取るように要求したと言うだけで、私たちはそれを保存し、このコンソールブログはここに表示されます。
JavaScriptデバッグコンソールのブラウザ内には表示されません。
フロントとコンです。 ここではノードコンソールに表示され、ノードアプリケーションを実行することによって開始されています。
はい。
サーバーを再起動すると、ここを移動してページをリフレッシュすると、別のページに移動して更新することができます。
そして今私が犬や犬をここに倒すと、誰かがSlashdotにリクエストをしたと言います。
つまり、コードをリクエストするとすぐにそのコードがトリガーされ、ブラウザでトリガーされるだけでなく、今すぐ表示する郵便番号を使用してコードをトリガーすることもできます。
だから私がする必要があるのは、ここに入るか、送信して、別のものを得ることです。
誰かが犬を斬ることを要求したが、フルスクリーンの郵便配達員もいた。
今戻ってきたものを見てみましょう。
体はちょうど寒さです。
私は今何を考えているのか分からないが、テキストを手に入れて戻ってくるだけで、同じことをやり遂げることができる。スラッシュ。
私たちも同じことをします。
これは、ブラウザからのものであれば、どこから来たのかは関係ありません。
どこかの端末や郵便配達員のようなものであれば、ブラウザとの電話は問題ではありません。
私たちのサーバーは、3つの異なるルートへのリクエストを取得するリクエストをリッスンしています。
ドッグ・バイ・アンド・ルート・ルートでは、これらのリクエストの1つを取得すると、簡単なテキストで応答します。
大丈夫。
それで、私はアプリを表現するこの最初のイントロでカバーしたかったのです。
私はそれが本当にシンプルであることは分かっていますが、それはアプリケーションとしてはあまり多くはありませんでしたが、私が行っている秩序は非常に慎重であると私を信じています。
私たちは小規模に出発しており、追加する予定の次の部分はHQメールファイルで応答しています。
だから、それを読むのではなく、Hのファイル全体を送るために使うもう一つの方法があります。 T.
また、Raut変数やパス変数という概念も紹介します。
OK次のビデオでお会いしましょう