単純なノードとExpress REST API

つのエンドポイントがある単純なAPIを作る方法によって学んでください。

このチュートリアルでは
ローカルの上で実行している

単純なサーバー
単純な

のためにmockedされたデータを使用している

我々が我々のデータ

を変えるために電話をする終点をつくること

は、我々の終点

を照らすために、Postmanを使います

YouTubeでチュートリアル

コード:

const express = require("express");
const bodyParser = require("body-parser");

const app = express();
app.use(bodyParser.json());
const port = 3001;

const customers = [
  { firstName: "John", lastName: "Smith" },
  { firstName: "Harry", lastName: "Potter" },
  { firstName: "Jack", lastName: "Sparrow" },
];

app.get("/customerlist", (req, res) => {
  res.send(customers);
});

app.post("/customer", (req, res) => {
  console.log("req.body: ", req.body);
  const newCustomer = req.body;
  customers.push(newCustomer);
  res.send("Customer added.");
});

app.listen(port, () => {
  console.log(`Example app listening at http://localhost: ${port}`);
});

では、最初に私たちが取り組んでいるデータについて話しましょう.キーと値の組のカップルを持つ、そのオブジェクトの配列.最初と最後の名前.あなたがここで好きなように多くの創造的な追加として自由に感じる.
データ:

const customers = [
  { firstName: "John", lastName: "Smith" },
  { firstName: "Harry", lastName: "Potter" },
  { firstName: "Jack", lastName: "Sparrow" },
];

それでは、サーバの重要な部分を見てみましょう.私たちのサーバーのためにそこに実行する必要がありますボイラープレートコード.
実行するサーバーのためのボイラープレートコード:

const express = require("express");
const bodyParser = require("body-parser");

const app = express();
app.use(bodyParser.json());
const port = 3001;

app.listen(port, () => {
  console.log(`Example app listening at http://localhost: ${port}`);

したがって、基本的にはExpressとBodyパーサーをインポートする必要があります.それが我々がnodejsの上で使うフレームワークであるので、急行してください.BodyParserので、ポストリクエストを行うことができますし、我々のデータを変更します.私たちはポートを設定し、Postmanでそれを通してクエリを実行するためにオープンです.このほとんどは、アプリケーションの変数で行われます.これにはいくつかの重要なプロパティがあります.
私たちは何をする私たちのエンドポイントを追加します.

エンドポイントは何ですか？

エンドポイントは、特定のリクエストで訪問できるプロジェクトURLの下に専用のスペースです.最も有用なことは、論理的にデータを操作することです.我々は、シナリオに応じて、読み取り、書き込み、更新、データを削除したい.これらのアクションはRESTful API内でCRUD操作を行うことに対応します.そして、それは何を意味しますか?RESTful APIは、我々が休息を呼ぶ特定のパターンに従う方法で設計されたバックエンドサービスです.Googleを尋ねるとき、それが正確にそれに伴うものにまっすぐな答えを得ることは簡単でありません、そして、それはかなり技術的になります.一方で、CRUD操作はもっとまっすぐ進む.作成、読み取り、更新、削除を表す頭文字と頭字語.これらの操作を行うのは一般的に言えば、あなたのAPIができるようにすることです.
ので、エンドポイントに戻る.あなたのAPIでget endpointを作成するならば、目的は通常データを得るか、データベースからデータを読むことです.同様に、ポストルートは通常、呼び出されたときにデータベースに新しいデータを作成します.ことは、ちょうどあなたのブラウザでポストルートを訪問することはできませんし、それを呼び出すことを期待しています.明示的にポストリクエストを行う必要があります.そういうわけで、我々は郵便配達人を使います!

それで、我々の最初の終点はちょうどRESが反応のために立っている我々のデータに応えます.そして、私たちに送られるものは顧客と呼ばれる顧客リストです.それで、郵便配達人でこの終点を呼ぶとき、我々は反応としてリストを戻します.

app.get("/customerlist", (req, res) => {
  res.send(customers);
});

最後に我々は顧客のリストに1つの顧客を追加するポストルートを持っている.これは単なるモックアップされたデータですので、我々はここで顧客との簡単な配列操作を使用することができます.プッシュして、新しい顧客をオブジェクト配列に加えてください.

app.post("/customer", (req, res) => {
  console.log("req.body: ", req.body);
  const newCustomer = req.body;
  customers.push(newCustomer);
  res.send("Customer added.");
});

結論

これはおそらくノードとExpressで作ることができる簡単なAPIの一つですが、それは最も基本的な概念をカバーしています.そして、すべてが同じファイルにあって、私はそれが点をつなぐのがより簡単であることを望んでいました.ここで自然な次のステップは、更新と削除のリクエストを含むエンドポイントを拡張することができますので、配列のオブジェクトを更新して削除できます.また、データベースに直接移動するには、mockedデータを変更することができます.
私は、あなたがこれから何かを得たことを望みます.後で、私はmongodbアトラスに接続しているだけで基本的に同じ記事を書くでしょう.
乾杯!

フォローしてサポートします。

私は、私のYouTubeチャンネルへの会費に特に感謝します.そして、あなたがTwitter上で私に従うか、ちょうどあまりにも素晴らしいいくつかのフィードバックを与える場合は!
📺
🐧
私は毎週、YouTubeで新しいWeb devのコンテンツを取得しようとすると、時々私はこのような記事を書く.
あなたが楽しむ望み!