HTTP における POST と PUT の違いを理解する

Node.js と Express を使用したバックエンド スクリプト

このスクリプトは、Node.js および Express バックエンドで POST および PUT メソッドを使用する方法を示します。

const express = require('express');
const app = express();
app.use(express.json());

let resources = {};

app.post('/resource', (req, res) => {
  const id = generateId();
  resources[id] = req.body;
  res.status(201).send({ id, ...req.body });
});

app.put('/resource/:id', (req, res) => {
  const id = req.params.id;
  resources[id] = req.body;
  res.status(200).send({ id, ...req.body });
});

function generateId() {
  return Math.random().toString(36).substr(2, 9);
}

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

JavaScript と Fetch API を使用したフロントエンド スクリプト

このスクリプトは、JavaScript と Fetch API を使用してフロントエンド アプリケーションから POST リクエストと PUT リクエストを行う方法を示します。

const createResource = async (data) => {
  const response = await fetch('http://localhost:3000/resource', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(data)
  });
  return response.json();
};

const updateResource = async (id, data) => {
  const response = await fetch(`http://localhost:3000/resource/${id}`, {
    method: 'PUT',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(data)
  });
  return response.json();
};

// Example usage
createResource({ name: 'New Resource' }).then(data => console.log(data));
updateResource('existing-id', { name: 'Updated Resource' }).then(data => console.log(data));

HTTP での POST および PUT に関するよくある質問

1. POST メソッドの主な用途は何ですか?
2. の POST メソッドは主に、指定されたリソースの下位として新しいリソースを作成するために使用されます。
3. PUT メソッドの主な用途は何ですか?
4. の PUT メソッドは、特定の URI でリソースを作成または置換するために使用されます。
5. POSTはべき等ですか?
6. いいえ、 POST メソッドは冪等ではありません。つまり、複数の同一の POST リクエストによって複数のリソースが作成されます。
7. PUT は冪等ですか?
8. はい PUT メソッドはべき等です。つまり、複数の同一の PUT リクエストは 1 つのリクエストと同じ結果を生成します。
9. PUT ではなく POST を使用する必要があるのはどのような場合ですか?
10. 使用 POST サーバーが新しいリソースの URI を決定し、クライアントがそれを指定する必要がない場合。
11. POST ではなく PUT を使用する必要があるのはどのような場合ですか?
12. 使用 PUT クライアントが作成または更新するリソースの URI を指定する場合。
13. PUT を使用してリソースを更新できますか?
14. はい PUT 指定された URI が既存のリソースを参照している場合、メソッドは既存のリソースを更新できます。
15. POST を使用してリソースを更新できますか?
16. その間 POST 技術的にはリソースを更新できますが、通常は新しいリソースを作成するために使用されます。
17. PUT リクエストの URI が存在しない場合はどうなりますか?
18. URI が存在しない場合、 PUT メソッドは、その URI に新しいリソースを作成できます。
19. 成功した POST リクエストの応答ステータス コードは何ですか?
20. 成功しました POST 通常、リクエストは 201 Created ステータス コードを返します。

POST メソッドと PUT メソッドに関する最終的な考え方

結論として、POST メソッドと PUT メソッドは両方とも、RESTful API 内でのリソースの作成と管理において異なる役割を持っています。 POST は、URI を指定せずに新しいリソースを作成する場合に最適ですが、PUT は、指定した URI でリソースを作成または更新する場合に適しています。これらのメソッドを理解し、適切に使用することで、開発者は堅牢で信頼性が高く、RESTful アーキテクチャの原則に沿った API を設計できます。