laravel8にてAuth::id()でユーザーID を取得できない。

#状況
laravel8でReact×TypeScriptのアプリケーションを作成中
認証はlaravel-uiで行っている
laravelでapiを作成して、ログインユーザーの情報をReact側のaxiosで受け取りたい

#解決したいこと
apiの中でAuth:id()でidを取得できない

#ソース
api.php

Route::get('/users', function(Request $request) {
        $id = Auth::id();
        // $id = 4;
        $users = DB::table('users')->where("users.id",$id)->get();
        $users = $request->user();
        return response()->json(['users' => $users]);
});

User.tsx

import { useEffect, useState, VFC } from 'react';
import axios from 'axios';

type usersType = [
    {
        id: string;
        name: string;
        email: string;
        created_at: string;
        updated_at: string;
        email_verified_at: string;
    }
];

export const User: VFC = () => {
    const [users, setUsers] = useState<usersType>();
    useEffect(() => {
        getUsers();
    }, []);

    const getUsers = async () => {
        const response = await axios.get('/api/users');
        setUsers(response.data.users);
        console.log(response.data.users);
    };

    return (
        <div>
            <h1>Userページ</h1>
            <ul>
                {users?.map((user) => (
                    <li key={user.id}>{user.name}</li>
                ))}
            </ul>
        </div>
    );
};

api.phpのidの部分を手打ちで打つとデータは取れるのでデータの取得自体は出来ている。
Auth::id()でなぜidが取れないのかがわからない。
web.phpの方のブレードファイル内ではAuth:id()で取得することができていた。
#やったこと
ミドルウェアに問題があるとの記事を見つけたのでKernel.phpを変更したが変化なし。

kernel.php

・・・
 protected $middlewareGroups = [
        'web' => [
            \App\Http\Middleware\EncryptCookies::class,
            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
            \Illuminate\Session\Middleware\StartSession::class,
            \Illuminate\Session\Middleware\AuthenticateSession::class,
            \Illuminate\View\Middleware\ShareErrorsFromSession::class,
            \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
            \App\Http\Middleware\HandleInertiaRequests::class,
        ],

        'api' => [
            'throttle:api',
            \App\Http\Middleware\EncryptCookies::class,
            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
            \Illuminate\Session\Middleware\StartSession::class,
            \Illuminate\Session\Middleware\AuthenticateSession::class,
            \Illuminate\View\Middleware\ShareErrorsFromSession::class,
            \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
            \App\Http\Middleware\HandleInertiaRequests::class,
        ]
        ];
・・・

なぜかコントローラーを作ってやろうとするとデータが取れなくなってしまうため、api.phpにてfunctionを書いています。
また、この方法しか思いつかなかったのですが、他にデータ取得の方法があれば教えてほしいです。
バックエンド自体触るのが初めてで全くわからないので、Auth:id()で取得できない理由を教えていただけると幸いです。

行動規範の内容に同意します

回答2件

ベストアンサー

リファレンスの日本語訳から説明を抜粋しますと、、、
https://readouble.com/laravel/8.x/ja/authentication.html

Laravelは、通常AuthもしくはSessionファサードを介してアクセスされる組み込みの認証およびセッションサービスを持っています。これらの機能は、Webブラウザから開始された要求に対してクッキーベースの認証を提供します。

--中略--

リモートサービスがAPIへアクセスするために認証する必要がある場合はWebブラウザがないため、通常クッキーは認証に使用されません。代わりにリモートサービスはリクエストごとにAPIトークンをAPIに送信します。アプリケーションは有効なAPIトークンのテーブルに対して受信したトークンを検証し、そのAPIトークンに関連付けられたユーザーによって実行されたものとしてそのリクエストを「認証」します。

今回使用されているAuthファサードを介した認証機能がありますが、それはブラウザのクッキーの存在が前提になっており、セッションIDがcookieに保持されることで、ユーザーを識別してます。

今回は「laravelでapiを作成」ということですので、上記の認証方法は使えないんじゃないかなと思われます、、><

じゃあどうするかというと、ドキュメントには代わりにAPIトークンを使用しましょう、と記載がありますね^^
LaravelはAPIトークンを用いた認証パッケージではPassportとSanctumを提供していますので、どちらかを選択して実装することになるんじゃないでしょうか・＿・