NodeJSとExpressから始める
15176 ワード
歓迎
NODEJSで我々が知っているように、我々はインデックスである1つのファイルだけですべてを造ることができます.しかし、それは将来の発展のために大きくないので、ここで私は簡単な構造を代表して、あなたのプロジェクト・アーキテクチャを組織し始めるためにすべてを説明するつもりです.
nodejsを使用して初めての場合は、次の前にnodejsをインストールしてください まず最初に、新しいフォルダ、init nodejsを作成し、以下のスクリーンショットのようにVSSコードでノードプロジェクトを開きます. vscodeを開くと、パッケージであるファイルが1つしか見つかりません.JSON まず、私たちは、多くのことを容易にするNodeJSフレームワークであるExpressをインストールする必要があります
VSCode端末や他のいずれかを開き、必要な依存関係をインストールしましょう!
アプリである最初のファイルを作成しましょう.js
このコードを追加
ここでは、我々は我々のExpressアプリを作成している、最初に、我々はアプリという名前のconstでエクスプレス初期化エクスプレスをインポートし、Expressを使用します.JSON構文解析を処理するためにJSONは、“/”ルートを要求するときにこんにちは世界のテキストを送信し、最終的に我々はそれをエクスポート! 今すぐ我々のサーバーを作成します.js
このコードを追加
あなたが見ることができるように我々は我々のアプリケーションモジュールをインポートし、アプリケーションが動作します我々のポートを作成し、我々のアプリを始めた. サーバを起動しましょう.jsファイル!
今すぐ訪問しましょうhttp://localhost:8000/あなたはこんにちは世界が表示されます!
我々は、ちょうどNODEJSで我々のHello Worldを構築します!今すぐ何かを作成するには、単純なCRUDアプリケーションを構築することによって、より興味深いものを作る、読み取り、更新、および削除製品.
だから、この場合、我々はデータを格納する場所が必要です!単純な変数を使うつもりですが、次の章でデータベースを使用します アプリで次のコードを追加しましょう.JSファイルを作成し、製品データを取得します.
ご覧のように、JSON形式で製品配列を返しました
番目の関数は、製品の配列に新しい製品をプッシュし、我々が追加したデータを返すことができます
では、更新と削除を行いましょう.
コードのこれらのラインでは、我々はちょうど2つのルートを最初に製品を削除し、2番目の更新を行いました.
最初にIDを取って、配列にフィルターをかけてIDに合わない製品を取り、フィルタリングして更新しました. 第二に、私たちのIDと同じインデックスを得た製品を更新し、データを本体に更新しました.
我々のAPIをテストするには、Postmanというツールを使います ポストリクエストを送信する製品 製品の取得要求を送信する 削除要求の送信による製品削除 製品の更新にパッチ要求の送信 これは、次の章では、私たちはMongoDBを使用して、我々の構造を作成し、我々のコードを分割するような興味深いものを行うには、Expressとnodejsに簡単に紹介されました.
- githubコード:https://github.com/bahachammakhi/Getting-started-with-nodejs
NODEJSで我々が知っているように、我々はインデックスである1つのファイルだけですべてを造ることができます.しかし、それは将来の発展のために大きくないので、ここで私は簡単な構造を代表して、あなたのプロジェクト・アーキテクチャを組織し始めるためにすべてを説明するつもりです.
nodejsを使用して初めての場合は、次の前にnodejsをインストールしてください
VSCode端末や他のいずれかを開き、必要な依存関係をインストールしましょう!
npm install express
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;
touch server.js
const app = require("./app");
const port = 8000;
app.listen(port, () => {
console.log(`App running on ${port}...`);
});
node server.js
そしてそれは我々のアプリはポート8000で実行されている結果です今すぐ訪問しましょうhttp://localhost:8000/あなたはこんにちは世界が表示されます!
だから、この場合、我々はデータを格納する場所が必要です!単純な変数を使うつもりですが、次の章でデータベースを使用します
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);
});
最初に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;
- githubコード:https://github.com/bahachammakhi/Getting-started-with-nodejs
Reference
この問題について(NodeJSとExpressから始める), 我々は、より多くの情報をここで見つけました https://dev.to/bahachammakhi/getting-started-with-nodejs-and-express-4a1dテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol