📖

【初心者・Laravel】webアプリ個人開発ノート 2

2024/04/21に公開

開発するアプリ

https://zenn.dev/nunu_nai/articles/e81b2c034754f1

やったこと

ソーシャルログイン(google)実装

プラグイン

Laravel Socialite

参考記事

https://laravel.com/docs/10.x/socialite
https://reffect.co.jp/laravel/socialiote
https://qiita.com/aki-y/items/3420cd040ec97342678e

実装手順

  1. google cloudeでOAuthの設定
    IDとsecretが発行されるので.envに転記する
GOOGLE_KEY="******************"
GOOGLE_SECRET="******************"
GOOGLE_REDIRECT_URI="http://localhost/auth/google/callback"
  1. laravel socialiteのインストール
  2. Laravel Socialiteの設定
    config/services.phpの設定
  3. コントローラーの作成
    php artisan make:controller GoogleLoginController
  4. ルーティング設定
  5. viewの設定
<!-- aタグのhrefをroute('login.google')にする -->
<div class="flex items-center justify-end mt-4">
  <a href="{{ route('login.google') }}" class="ml-3 inline-flex items-center">
    <img src="https://developers.google.com/identity/images/btn_google_signin_dark_normal_web.png" style="margin-left: 3em;">
  </a>
</div>

認可

認可はlaravelのmiddleware('auth')で設定できた

Discussion