pureノードを持つダミーサーバを作成します.js

こんにちは仲間開発者!今日はノードでサーバーを作成する方法を示します.js私たちは物事を簡単かつ迅速に行うためにExpressフレームワークを使用しているが、私は純粋なノードを持つサーバーを作成する方法を学習信じています.JSは重要です.
それで、コーディングを始めさせてください

const http = require("http");

const server = http.createServer((req, res) => {
  console.log("Request is sent");
  res.write("Home page")
});

server.listen(3000, () => console.log("Server started on port 3000"));

require ()メソッドでHTTPを取得します.コードの読みやすさをよりよくするので、定数( const )に割り当てました.The createServer() つのパラメータをとります.一つはリクエスト( REQ )で、もう一方はResponse ( RES )です.要求が送られるとき、それは「要求は送られます」と応えます、そして、我々はスクリーンの「ホームページ」を見ます.我々がタイプしたので、我々は結果を予想しますres.write() , the write() メソッドを画面に書き込みます.
どうぞこの手順を踏んでください.コードを実行するnode index.js ( index . jsと言いますが、入力したファイル名を書く必要があります).

オープンしたクロムとタイプlocalhostの後:3000を入力してください.あなたはこのようなものを見るべきです

あなたが通知するように、それは永遠に転がり続けます.今、あなたの端末に移動し、それを停止するCtrl + Cヒット.この問題を解決するにはres.end() あなたのコードに.次のようになります.

const http = require("http");

const server = http.createServer((req, res) => {
  console.log("Request is sent");
  res.write("Home page")
  res.end()
});

server.listen(3000, () => console.log("Server started on port 3000"));

その後の実行node index.js , 次に、localhost : 3000を入力し、Chromeを入力します.次のようになります.

ところで、あなたが私のlocalhostの横で見る反応のロゴを気にしないでください:3000、それが起こっているので、私はこれの前に反応プロジェクトに取り組んでいました.たった今、もう一度あなたの端末でCtrl + Cを打ってください、我々はするより多くの仕事を得ました.
以下のスクリーンショットを見てください

気づいた?私のURLの終わりに/lolを加えましたが、それはまだホームページを表示します.今、あなたがウェブサイトを持っていることを第二に想像してください.ユーザーがあなたのウェブサイトのURLの最後に書いているとき、彼らはまだホームページを見ます.それは問題でしょう.ここではそれを解決する方法です.私は、取り除くconsole.log("Request is sent") それが私を悩ますので、あなたがそれを見ないならば、それは驚きません.
コードに追加します.

 let url = req.url; //everything is an object in JS, so req is an object and req.url gets us 
                           //the url value
 console.log(url); // log the value to console to see yourself

ユーザーが入力するURLを取得しますreq.url . 端末でコードを実行すると、次のようになります.

はい、私は/lolを追加しましたが、どこで/favicon.ICO来る?これはデフォルトですので、おそらくあなたもそれを表示されます.
URLをキャッチするので、特定のURLが入力されたときにユーザーが画面上で見るものを管理することができます.コードを最初に参照してください、それから説明します.

let url = req.url;
  if (url === "/home-page" || url === "/") {
    res.write("Home Page");
  } else if (url === "/about") {
    res.write("About Us");
  } else if (url === "/contact") {
    res.write("Contact Us");
  } else {
    res.write("404 the page you're looking for is not found");
  }

  res.end();

つまり、URL変数が/homeページに等しいならば、ホームページを書いてください.を返します.それが/接触に等しいならば、接触を書いてください.それが彼らのどれにも等しくないならば、「404のあなたが探しているページは見つかりません」を書きます.
それは今のところです.コーディングし続ける