常連

Next.js Larvelを使用してSPAを開発しています。
LaravelはAPIサーバーとしてREST APIでの値受け渡しをしております。
GETでの値取得はできましたが、POST、PUT、DELETEといった処理がうまく動作しません。
Laraveはのバージョンは8.1を使用しています。
また、ログイン認証関連でsanctumを使用しました。
この辺も影響しているのかな？とも思います。
ご教授いただけますと幸いです。


### Next側　 
```front/pages/top.js
const Axios = axios.create({
  xsrfHeaderName: 'X-CSRF-Token',
  withCredentials: true,
  headers: {
    'content-type': 'application/json'
  }
})
  await Axios
    .put('http://127.0.0.1:8000/api/test/000001', data)
     .then((res) => {
        console.log(res.data)
     })
     .finally(()=>{
       setRegister(false)
       setOpen(false)
     })

```
### Laravel側 
```routes/api.php
Route::apiResource('test', TestController::class);

```

```controllers/TestController.php
public function update(EmployeeRequest $request, $id)
    {
        // 更新
        $test = Test::find($id);
        $test->update($request->all());
        return new TestResource($test);
    }

```
```ルートの確認
php artisan route:list
 | PUT|PATCH | api/test/{test}   | test.update  | App\Http\Controllers\TestController@update  | api       

```
```kernel.php
'api' => [
            \App\Http\Middleware\VerifyCsrfToken::class,　⇦追加　※追加する前は419エラーが出ていた（内容：csrf token mismatch）
            \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class, ⇦sanctum使用時に追加
            'throttle:60,1',
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
        ],
```
```Controllers/Auth/Logincontroller.php
 public function login(Request $request): JsonResponse
    {
        $credentials = $request->validate([
            $this->username() => 'required',
            'password' => 'required',
        ]);

        $credentials = $request->only($this->username(), 'password');

        if (Auth::attempt($credentials)) {
            $request->session()->regenerate();
            return response()->json(Auth::user());
        }

        throw new Exception('ログインに失敗しました。再度お試しください');
    }
```
### 当初のエラー
```
local.ERROR: Session store not set on request. {"exception":"[object] (RuntimeException(code: 0): Session store not set on request
```
### 現在のエラー（ブラウザのコンソール）
```
{message: "CSRF token mismatch."}
　message: "CSRF token mismatch."
```
### 記事
- sanctum導入時
https://yutaro-blog.net/2021/09/07/nextjs-laravel-sanctum-spa/
- 419のtoken mismatch が出た時
https://stackoverflow.com/questions/58910214/react-to-laravel-csrf-token-mismatch-error-not-working-even-after-trying-lot 

```LoginController.php
public function login(Request $request): JsonResponse
    {
        $credentials = $request->validate([
            'id => 'required',
            'password' => 'required',
        ]);

        $credentials = $request->only('EM_FIKSID', 'password');

        if (Auth::attempt($credentials)) {
            $request->session()->regenerate();
            return response()->json(Auth::user());
        }

        throw new Exception('ログインに失敗しました。再度お試しください');
    }
```
```pages/login.js
const handleClick = () => {
    const Data = { params: { 'id': id, 'password': password }}
    axios
      // CSRF保護の初期化
      .get('http://127.0.0.1:8000/sanctum/csrf-cookie')
      .then((res) => {
　　　　　// ログイン処理
        console.log(res)
        axios
          .post(
            'http://127.0.0.1:8000/login',
            Data,
          )
          .then((res) => {
            console.log(res)
          })
          .catch((err) => {
            console.log(err)
          })
      })
  }
```

Next.js（axios）とlaravelを使ってhttp通信がしたい（POST、PUT、DELETE）

現在、javaのルールをRESTをつかってJSON形式にしてnode.jsから呼び出すといった作業をしている過程で、SOAPとRESTについて違いが知りたくしらべているのですが、どのサイトを見てもいまいちピンと来るものがありません。



わかりやすい例などございましたらそれもふくめて教えていただけませんでしょうか？

SOAP とRESTの違いについてわかりやすく教えていただけませんでしょうか？

サーバー側でレスポンスをgzipなどで圧縮し、クライアント側でそれを展開することで通信容量を少なくし、コンテンツを取得する速度を速くすることも出来ますが、
一方で圧縮・展開に追加のリソースかかり、それが表示時間の増加に繋がってしまう恐れもあるかと思います。

一般的なプラクティスとして、jsonを返す一般的なRESTサーバー（TwitterやGithubのAPIなど）では、レスポンスは圧縮するべきなのでしょうか。

一般的なRESTサーバーは、jsonレスポンスをgzipなどで圧縮するべきでしょうか

### 実現したいこと

Node.js+expressで構築したAPIサーバーで同時リクエストを並列処理したい。

(例)
リクエストを受け付けてからレスポンスを返すまでに3秒かかる処理があるとする。
3台のクライアントが同時に該当のURIにリクエストを送信した際に、下記のような順番で処理をしてほしい。

- [ ] ① クライアント1のリクエストを受け付け・処理を開始
- [ ] ② クライアント2のリクエストを受け付け・処理を開始
- [ ] ③ クライアント3のリクエストを受け付け・処理を開始
- [ ] (3秒の処理)
- [ ] ④ ①の処理が完了・レスポンスを返す
- [ ] ⑤ ②の処理が完了・レスポンスを返す
- [ ] ⑥ ③の処理が完了・レスポンスを返す


### 前提

Node.js+expressでAPIサーバーを構築しています。

同時リクエストに対して、並列で処理を行いレスポンスを返却したいのですが、上手く実装できず、ご質問させていただきます。

### 該当のソースコード

```JavaScript
const express = require('express');
const app = express();
const port = process.env.PORT || 3000;

app.listen(port, () => console.log(`Listening on port ${port}...`));

app.get('/', (req, res) => {
    console.log("accept request");
    
    let resMsg = '';

    setTimeout(() => {
        // 3秒後にレスポンスメッセージが決まり、レスポンスが送信可能
        resMsg = 'THIS IS RESPONSE MESSAGE';
        console.log("send response");
        res.send(resMsg);
    }, 3000);
})
```

### 試したこと

上記コードで起動したサーバーの該当URIとportに同時に3回リクエストを送った際、
3つの処理が同期的に処理され、コンソールログは下記のようになってしまいます。(acceptとsendのログの間に3秒間の間があり、全体で9秒かかっている)

```
Listening on port 3000...
accept request
send response
accept request
send response
accept request
send response
```

実現させたい動きは、1番目のレスポンスを送信する前に2番目のリクエストを受け付けるようにすることです。
その場合コンソールログは、下記のようになることを想定しております。(ほぼ同時にacceptログが3回出て3秒後にsendログが3回出力され、全体の処理も3秒程度で完了する)
```
Listening on port 3000...
accept request
accept request
accept request
send response
send response
send response
```

Node.jsではノンブロッキングI/O処理によって、大量リクエストの並列処理が可能という情報があり、上記コードで実現できると思っていたのですが上手くいかず、、
そもそもレスポンスを返す前に、同じURIのリクエストを受け付けることが可能なのでしょうか。。
実現方法をご教示いただけますと幸いです。

### 補足情報（バージョン）

|Module|Ver.|
|:--|:-|
|Node.js|v14.18.1|
|express|4.18.2|


Node.js+expressで構築したAPIサーバーで同時リクエストを並列処理したい。

## APIの定義について

APIの定義について質問があります。
内容は **「同じシステム内でデータを受け渡して処理するような機能もAPIと呼べるのか？」** です。

私は初学者で、APIがどういうものかググってみると「機能の一部を外部に向けて公開したもの」のように説明しているサイトが多くあります。しかし、私の居る現場では、外部向けに限らず同じシステム内でデータを受け渡して処理するような機能もAPIと呼んでいたりします。

例えば、フロントエンドからバックエンドに値をJSONで渡し、何らかの処理(計算とかグラフを作るとか)をして返す機能など。

よくAPIの例として出される twitterAPI などとはちょっと違うように思えるのですが、このような機能もAPIと呼んで間違いではないのでしょうか？

APIの定義について

PHP初心者です。

現在、PHPでREST APIを作るべく、フレームワークを選定しているのですが、
ずばり、どのフレームワークが向いているでしょうか？

JAVAはJerseyをよく使っていましたが、
PHPでREST向けに標準化されていたりすることがあれば
そういったお話もご教授いただけるとありがたいです。

様々なアドバイスおまちしております。

PHPでREST APIを作るのに向いているフレームワークはなんでしょうか？

例えば、以下のREST APIに、以下のようなリクエストボディを付けてリクエストを投げるとします。

```
[DELETE] http://httpbin.org/delete
・リクエストボディ:{"param" : "hello"}
```

以下のサンプルソースのような記述でリクエストを送ったところ、リクエストボディの内容がAPIに届く時点で空になってしまいます。

```javascript

// expressで作るサンプルAPIです
router.delete('/', (req, res, next) => {
  const http = require('http');
  const async = require('async');

  let options = {
    host : 'httpbin.org',
    port : 80,
    path : '/delete',
    method : 'DELETE',
    headers : {"Content-Type" : "application/json"}
  };

  // let options = {
  //   host : 'httpbin.org',
  //   port : 80,
  //   path : '/put',
  //   method : 'PUT',
  //   headers : ''
  // };

  let payload = JSON.stringify({"param" : "hello"});

  let req2;

 async.waterfall([
   function(callback) {
     req2 = http.request(options, (res2) => {
       let body = '';
       res2.on('data', (chunk) => {
         body += chunk;
       });
       res2.on('end', () => {
         callback(null, body);
       });
     });
     req2.write(payload); // リクエストボディをセット
     req2.end();
   },
   function(body,callback) {
     res.send(body); // リクエスト送信
     callback(null, body);
   }
 ],
 (e, result) => {
   if(e) {
     next(e);
     return;
   }
 });
});
```
レスポンスは以下になります。
dataの値にリクエストボディが入るはずですが、空になります。

```
{
  "args": {}, 
  "data": "", 
  "files": {}, 
  "form": {}, 
  "headers": {
    "Content-Type": "application/json", 
    "Host": "httpbin.org"
  }, 
  "json": null, 
  "origin": "１２３．４５６．７８９．０", 
  "url": "http://httpbin.org/delete"
}
```

これを、例えばPUTメソッドのリクエストに変えてみると、問題なくdataの値にリクエストボディが入ります。

なぜ、このような現象が起きるのか分かりません。
（DELETEメソッドの仕様？node.jsのバグ？）
御存知の方がいましたら、教えていただけないでしょうか。
よろしくお願いします。

node.jsのDELETEメソッドのリクエストを送る処理の、リクエストボディの扱いについて質問

### 前提

REST API設計についてお聞きしたいです。

sites テーブル
id|name|site_values
|:--|:--:|:--|
|xxxxx|google|{"countries": [{"country": "日本": "city": "東京"}, {"country": "アメリカ": "city": "カリフォルニア"}]}

id: varchar
name: varchar
site_values: json

（データは適当です。）

上記のテーブルから特定のcountries（例: index0の日本のデータ）を1件だけ削除したい場合どのようなAPIリクエストを投げるのがベストでしょうか？

考えたリクエストについては以下になります。

DELETE /api/sites/xxxxx/countries

問題点
1件だけ削除するのにcountriesと複数形になってしまうのが少し引っかかっておりどのようなリクエストが良いか迷っています。

テーブル設計が悪いかもしれませんが、この状態だった場合どうするのがベストかを教えていただけますと助かります。