聊聊如何將Laravel登入系統改為手機登錄

Laravel是一個非常受歡迎的PHP框架，提供了許多實用且易於使用的功能。其中之一是身份驗證系統，這使得用戶可以註冊並登入網站。在本文中，我將討論如何將Laravel登入系統改為手機登入。

在開始編碼之前，請確保您已安裝並且配置了Laravel。如果不是這樣，您可以在Laravel官方文件中找到詳細的指導。

第一步是建立一個新的資料庫表，用於儲存使用者的手機號碼和密碼。您可以使用Laravel遷移來完成此操作。打開終端機視窗並輸入以下命令：

php artisan make:migration create_phone_auth_table

這將建立一個新的遷移文件，您可以在其中定義新的資料庫表。在Laravel中建立一個資料表的方法如下所示：

public function up()
{
    Schema::create('phone_auth', function (Blueprint $table) {
        $table->increments('id');
        $table->string('phone_number')->unique();
        $table->string('password');
        $table->timestamps();
    });
}

在此範例中，我們建立一個名為"phone_auth"的新表，其中包含"id"、"phone_number"、"password"以及"timestamps"列。請注意，我們將"phone_number"欄位定義為唯一的，以確保不會有重複的手機號碼。

接下來，我們需要建立一個新的控制器來處理手機登入。開啟終端機視窗並輸入以下指令：

php artisan make:controller PhoneLoginController

然後，開啟"app/Http/Controllers/PhoneLoginController.php"文件，並將以下程式碼加入檔案的結尾：

public function showLoginForm()
{
    return view('auth.phone-login');
}

public function login(Request $request)
{
    $this->validate($request, [
        'phone_number' => 'required',
        'password' => 'required',
    ]);

    $phone_number = $request->input('phone_number');
    $password = $request->input('password');

    if (Auth::attempt(['phone_number' => $phone_number, 'password' => $password])) {
        return redirect()->intended('/');
    }

    return redirect()->back()->withInput()->withErrors(['message' => 'Phone number or password is incorrect.']);
}

在此程式碼中，我們定義了兩個方法："showLoginForm"和"login"。 "showLoginForm"傳回一個視圖，其中包含一個具有兩個文字方塊和一個提交按鈕的表單，以便使用者輸入其手機號碼和密碼。 "login"方法將驗證使用者的輸入數據，並嘗試使用Auth類別登入使用者。如果登入成功，使用者將被重新導向到主頁。否則，用戶將收到一條錯誤訊息。

現在我們需要建立一個新的視圖檔案"auth.phone-login"。在"Laravel/resources/views/auth"資料夾中建立一個新文件，命名為"phone-login.blade.php"。請記住，在Laravel中使用Blade引擎來呈現視圖，並為您提供一些強大的模板功能。在此文件中新增以下HTML和表單代碼：

@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">{{ __('Phone Login') }}</div>

                    <div class="card-body">
                        <form method="POST" action="{{ route(&#39;phone.login&#39;) }}">
                            @csrf

                            <div class="form-group row">
                                <label for="phone_number" class="col-md-4 col-form-label text-md-right">{{ __('Phone Number') }}</label>

                                <div class="col-md-6">
                                    <input id="phone_number" type="text" class="form-control{{ $errors->has('phone_number') ? ' is-invalid' : '' }}" name="phone_number" value="{{ old('phone_number') }}" required autofocus>

                                    @if ($errors->has('phone_number'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('phone_number') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>

                            <div class="form-group row">
                                <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>

                                <div class="col-md-6">
                                    <input id="password" type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required>

                                    @if ($errors->has('password'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('password') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>

                            <div class="form-group row mb-0">
                                <div class="col-md-6 offset-md-4">
                                    <button type="submit" class="btn btn-primary">
                                        {{ __('Login') }}
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

這個視圖將包含一個具有兩個文字方塊和一個提交按鈕的表單，以便使用者輸入其手機號碼和密碼。請注意，我們在form標記中使用了"route"指令（Route指令提供了一些方便的功能，包括自動產生URL和HTML表單輸入），用於將表單的提交位址指向我們的"phone.login"路由。

現在，最後一步是將我們的新路由新增到我們的"web"路由檔案。開啟routes/web.php文件，並將以下程式碼加入文件的結尾：

Route::get('phone-login', 'PhoneLoginController@showLoginForm');
Route::post('phone-login', 'PhoneLoginController@login')->name('phone.login');

這將會新增兩個新路由："phone-login"和"phone-login"POST路由。第一個路由用來呈現一個表單，供使用者輸入其手機號碼和密碼。第二個路由將處理表單的提交，並驗證使用者的輸入資料。

恭喜，現在您已經成功地將Laravel登入系統改為手機登入。請注意，這只是一個簡單的實現，您可以根據自己的需求進行更改和擴展。你可以添加更多的字段，例如電子郵件和驗證碼等，以提供更好的用戶體驗。

以上是聊聊如何將Laravel登入系統改為手機登錄的詳細內容。更多資訊請關注PHP中文網其他相關文章！