NodeJSとExpressから始める


歓迎
NODEJSで我々が知っているように、我々はインデックスである1つのファイルだけですべてを造ることができます.しかし、それは将来の発展のために大きくないので、ここで私は簡単な構造を代表して、あなたのプロジェクト・アーキテクチャを組織し始めるためにすべてを説明するつもりです.
nodejsを使用して初めての場合は、次の前にnodejsをインストールしてください
  • まず最初に、新しいフォルダ、init nodejsを作成し、以下のスクリーンショットのようにVSSコードでノードプロジェクトを開きます.
  • vscodeを開くと、パッケージであるファイルが1つしか見つかりません.JSON
  • まず、私たちは、多くのことを容易にするNodeJSフレームワークであるExpressをインストールする必要があります
    VSCode端末や他のいずれかを開き、必要な依存関係をインストールしましょう!
  • npm install express
    
  • アプリである最初のファイルを作成しましょう.js
  • touch app.js
    
  • このコードを追加
  • const express = require("express");
    
    const app = express();
    
    app.use(express.json());
    app.use("/", (req, res) => res.send("Hello world!"));
    
    module.exports = app;
    
  • ここでは、我々は我々のExpressアプリを作成している、最初に、我々はアプリという名前のconstでエクスプレス初期化エクスプレスをインポートし、Expressを使用します.JSON構文解析を処理するためにJSONは、“/”ルートを要求するときにこんにちは世界のテキストを送信し、最終的に我々はそれをエクスポート!
  • 今すぐ我々のサーバーを作成します.js
  • touch server.js
    
  • このコードを追加
  • const app = require("./app");
    const port = 8000;
    
    app.listen(port, () => {
    
    console.log(`App running on ${port}...`);
    
    });
    
  • あなたが見ることができるように我々は我々のアプリケーションモジュールをインポートし、アプリケーションが動作します我々のポートを作成し、我々のアプリを始めた.
  • サーバを起動しましょう.jsファイル!
  • node server.js
    
    そしてそれは我々のアプリはポート8000で実行されている結果です

    今すぐ訪問しましょうhttp://localhost:8000/あなたはこんにちは世界が表示されます!
  • 我々は、ちょうどNODEJSで我々のHello Worldを構築します!今すぐ何かを作成するには、単純なCRUDアプリケーションを構築することによって、より興味深いものを作る、読み取り、更新、および削除製品.
    だから、この場合、我々はデータを格納する場所が必要です!単純な変数を使うつもりですが、次の章でデータベースを使用します
  • アプリで次のコードを追加しましょう.JSファイルを作成し、製品データを取得します.
  • app.get("/products", (req, res) => {
      res.json(products);
    });
    
    app.post("/products", (req, res) => {
      const body = req.body;
      products.push(body);
      res.json(body);
    });
    
  • ご覧のように、JSON形式で製品配列を返しました
    番目の関数は、製品の配列に新しい製品をプッシュし、我々が追加したデータを返すことができます
    では、更新と削除を行いましょう.
  • app.delete("/products/:id", (req, res) => {
      const id = req.params.id;
      const filtredProducts = products.filter((value, index) => index != id);
      products = filtredProducts;
      res.json(filtredProducts);
    });
    app.patch("/products/:id", (req, res) => {
      const id = req.params.id;
      const body = req.body;
      products[id] = body;
      res.json(products);
    });
    
  • コードのこれらのラインでは、我々はちょうど2つのルートを最初に製品を削除し、2番目の更新を行いました.
    最初にIDを取って、配列にフィルターをかけてIDに合わない製品を取り、フィルタリングして更新しました.
  • 第二に、私たちのIDと同じインデックスを得た製品を更新し、データを本体に更新しました.
  • 当社の最終的なアプリ。JSコード:


    const express = require("express");
    
    let products = [];
    const app = express();
    
    app.use(express.json());
    app.get("/products", (req, res) => {
      res.json(products);
    });
    
    app.post("/products", (req, res) => {
      const body = req.body;
      products.push(body);
      res.json(body);
    });
    app.delete("/products/:id", (req, res) => {
      const id = req.params.id;
      const filtredProducts = products.filter((value, index) => index != id);
      products = filtredProducts;
      res.json(filtredProducts);
    });
    app.patch("/products/:id", (req, res) => {
      const id = req.params.id;
      const body = req.body;
      products[id] = body;
      res.json(products);
    });
    app.use("/", (req, res) => res.send("Hello world!"));
    
    module.exports = app;
    
  • 我々のAPIをテストするには、Postmanというツールを使います
  • ポストリクエストを送信する製品
  • 製品の取得要求を送信する
  • 削除要求の送信による製品削除
  • 製品の更新にパッチ要求の送信
  • これは、次の章では、私たちはMongoDBを使用して、我々の構造を作成し、我々のコードを分割するような興味深いものを行うには、Expressとnodejsに簡単に紹介されました.
    - githubコード:https://github.com/bahachammakhi/Getting-started-with-nodejs