laravelのauth実装時にajaxにてログインする方法

やりたいこと

laravelのauthにてログイン機能を実装してあり、
そのサイトに外部システムからページ遷移してきたときに、
呼び出し元のログイン情報をもとにlaravel側でログインし、
ログイン後のページを表示したい。

やりたいこと詳細

通常のサイト
ログインページ　→ログイン後　→メニューページ表示
外部サイトから
外部システム →ボタンクリック →ajaxでログイン情報をpost →laravel側のログイン処理 →ログイン後 →メニューページ表示

やってみたこと

web.php

php
1Route::get("/login", "HomeController@showLogin");
2Route::post("/login", "HomeController@doLogin");
3
4Route::group(["middleware"=>"auth"], function(){
5    Route::get("/menu", "HomeController@showMenu");
6    Route::post("/menu", "HomeController@doLogout");    
7});
8
9Route::post("/api/user", "HomeController@getUser");
10Route::post("/api/login", "HomeController@apilogin");

HomeController.php

php
1
2class HomeController extends Controller
3{
4    public function showLogin() {
5        return view("login");
6    }
7
8    public function doLogin() {
9        $user = Auth::loginUsingId(1);
10        Auth::login($user);
11        return redirect("/menu");
12    }
13
14    public function showMenu() {
15        $user = Auth::user();
16        if(Auth::check()) {
17            return view("menu");
18        }
19        return redirect("login");
20    }
21
22    public function doLogout() {
23        Auth::logout();
24        return redirect("login");
25    }
26
27    public function getUser() {
28        return Auth::user()->username;
29    }
30
31    public function apilogin() {
32        $user = Auth::loginUsingId(2);
33        Auth::login($user);
34        return "login";
35    }
36}

login.blade.php

html
1<html>
2    <head>
3        <title>login</title>
4        <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
5        <script>
6                $(function() {
7                    $("#btnAPI").click(function() {
8                        $.ajax({
9                            type: "POST",
10                            url: "/api/login",
11                            headers: {
12                                'X-CSRF-TOKEN': '{{csrf_token()}}'
13                            }
14                        })
15                        .done(function(data) {
16                            alert(data);
17                            location.href="/menu";
18                        })
19                        .fail(function(data) {
20                            alert("error/ " + data);
21                        });
22                    });
23                })
24            </script>
25        </head>
26    <body>
27        <form method="POST">
28            {{csrf_field()}}
29            <input type="submit" value="login" id="btnLogin" />
30            <input type="button" value="login(api)" id="btnAPI" />
31        </form>
32    </body>
33</html>

menu.blade.php

html
1<html>
2    <head>
3        <title>menu</title>
4        <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
5        <script>
6            $(function() {
7                $("#btnAPI").click(function() {
8                    $.ajax({
9                        type: "POST",
10                        url: "/api/user",
11                        headers: {
12                            'X-CSRF-TOKEN': '{{csrf_token()}}'
13                        }
14                    })
15                    .done(function(data) {
16                        alert(data);
17                    })
18                    .fail(function(data) {
19                        alert("error/ " + data);
20                    });
21                });
22            })
23        </script>
24    </head>
25    <body>
26        <form method="POST">
27            {{csrf_field()}}
28            {{Auth::User()->username}}
29            <input type="submit" value="logout" />
30            <input type="button" value="getAPI" id="btnAPI" />
31        </form>
32    </body>
33</html>