ノード、エクスプレス、および郵便配達人

私は自由なノードが好きで、APIをつくる際にあなたを与えます.ルビーのレールでバックエンドの旅を始めたので、私の最初の印象はセットアップにおける構造の不足のために大きくはなかった.しかし、いくつかのチュートリアルやチュートリアルの後、私はノードの美しさと表現を見た.Postmanについては、それはAPIを作成し、テストサーバーの多くを容易にする素晴らしいアプリケーションですhere .
このブログの目的は、ノード内の簡単なWebサーバの設定を表示し、郵便配達人のawesomenesを表示することです.

ノードとExpressのWebサーバーのセットアップ

だからまず最初に確認してくださいNode and Express インストール.一度これらの実行を

npm install --save-dev nodemon 

これはあなたのアプリケーションを継続的にあなたのコードで作る変更と一緒に更新することができます.これでNPM INIT - Yを実行します.

{
  "name": "back_end",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "type": "module",
  "scripts": {
    "start": "nodemon index.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.17.1",
    "uuid": "^8.3.0"
  },
  "devDependencies": {
    "nodemon": "^2.0.4"
  }
}

OK今すぐ始めましょう

まず、インデックスを作成します.JSファイルとユーザーとルートという名前のフォルダ.jsファイル.インデックスで.JSファイル、私たちがサーバーを始めることができる前に、2、3のものは準備される必要があります.あなたのものすごいパッケージとものの最初の輸入すべて

import express from 'express';
import bodyParser from 'body-parser';
import usersRoutes from './routes/users.js';

次に、エクスプレスアプリケーションを作成し、あなたのサーバーを実行したいポートを設定する必要があります

const app = express();
const PORT = 5000;

あなたのサーバがこのステップを返すものに応じて変化することができます.JSON以外の何かを使用しようと計画しているならhere . さもなければ、bodyParserでJSONを使用するアプリケーションを設定します.関数json ()

app.user(bodyParser.json());

ほとんどそこには、左のすべてがリスナー関数とルートルートを設定することです.リスナーコールアプリケーションを設定します.listen ()は、ポート変数を最初のパラメータとして使い、関数を2番目のパラメータとしてサーバの実行中に呼び出されるようにします.ルートルートは、アプリケーションを呼び出す必要があります.以下に示すようにget ()

app.listen(PORT, () => console.log(`Server running on PORT: http://localhost:${PORT}`));

app.get('/', (req, res) => res.send('Hello from Homepage'))

get functionの最初の引数はルート名を設定します例えば、ルートを設定します.番目の引数はリクエストと応答の2つの引数をとる関数です.リクエスト引数、またはREQは、Webページに送信されたパラメータであり、ユーザーIDを取得し、後で新しいユーザーを作成する方法です.response引数やresは、info ()を使ってブラウザに情報を送ります.これにより、ウェブサーバはセットアップです.

今すぐ良いものに

この時点で、Webサーバはあまり動作しません.これを改善するために、ユーザインデックス、ショー、ポストルートを作成します.
まず、ユーザーに移動します.JSと輸入品

import express from 'express';
import { v4 as uuidv4 } from 'uuid'; 

次に、エクスプレスルータを設定します.ルータは、ミドルウェアやルーティング機能を実行するミニアプリケーションを作成します.ルータは、しかし、送信または情報を受信することはできません.

const router = express.Router();

あなたが最初に2つのルートを作成しなければならない働くことをインデックスとショー要求を得るために.jsファイル

const users = []

//using / because we will set up /users in index.js
router.get('/', (req, res) => {
    res.send(users); //displays users in the browser
})

router.get('/:id', (req, res) => {
    const { id } = req.params; //gets parameters from browser
    //namely the :id 
    let foundUser = users.find((user) => user.id === id);
    //gets user from list of users
    if (!foundUser){
        foundUser = {"error" : "User not found"} ;
        //if user not found return error
    }
    res.send(foundUser); //send user to browser
})
router.post('/', (req, res) =>{
    const user = req.body; //get post request content
    users.push({ "id": uuidv4(), ...user}); //add an id 
    res.send(users) //display updated users
})
export default router;

ここで最初のルートはルートディレクトリのように見えますが、これはそうではありません.インデックスで.JS私たちはエクスポートされたユーザーのルートをインポートし、親のディレクターを/ユーザーに設定します.それから、/または: idを追加しますブラウザでの要求に応じて.この時点で、すべてのユーザー、任意の個々のユーザーを見て、新しいユーザーを作成することができますので、我々は行われます.

郵便配達人

ほとんどのブラウザはユーザがgetリクエストを実装できるだけです.Postman利用可能な任意のタイプの開発者のアクセスを提供するアプリケーションです.私は、多くのプロジェクトを考えることができます.下記のいくつかのスクリーンショットは、我々が上で作成したWebサーバーをテストした.