【Laravel】PHPでGoogleログインボタンが表示されないときの対処法

PHP 2024/01/24

Googleのログインボタンを実装したく、Googleのドキュメントを見ながらコード生成してhtmlに張り付けたのですが、なぜかボタンが表示されません。

↓のようなボタンです。

コードは以下のページで生成しました。

https://developers.google.com/

Googleログインボタンが表示されないときの対処法

◆原因
callback URLがhttpsでないため

生成したコードは、↓のようにhttpになってました。
data-login_uri=”http://127.0.0.1:8000/login/google/callback”

◆対処法
httpsに変更する

コードをhttpsに変更して、Google Cloudの承認済みのリダイレクト URI等もhttpsにします。

また、callback先がhttpsでアクセスできないといけません。
localhostで開発中でも、httpsが通るようにしないといけません。

私はphp artisan serveで実行していたのですが、調べるとhttpsにするのが難しそうだった（よく分からなかった）ので、
実行環境をxamppに移行して、以下のサイトを参考にして、証明書を発行してhttps接続できるようになりました。

https://qiita.com/