【ngrokとは】
localhostで動いているシステムを、
公開サーバ上のようにアクセスできるツールです。
今回はローカル上のlaravel Socialite でlineログインをするために、
LINE Developpersの「コールバックURI指定」でlocalhostが使用出来ないために
解決策を探していたらこのツールの存在を知りました。
【環境】
・Windows11 pro
・laravel ^8.75
・laravel/socialite : ^5.0
・socialiteproviders/line : ^2.1
【前提条件】
・ngrokにアカウント登録済
・(Windows版)をダウンロードし ngrok.zipを任意のフォルダに解凍済
・localhostでlaravel起動済
【使い方】
にアクセス
ダウンロードしたngrokのフォルダを開き、ngrok.exe をダブルクリック
https://dashboard.ngrok.com/get-started/setup
で下記をコピーして、ngrokのコマンドウィンドウにペースト
ngrok config add-authtoken xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
ポートの方も同様にコピーして
ローカルで起動しているポート番号に合わせてペースト
ngrok http 8080
すると下記のような画面になり
赤枠部分のURLをコピーしてブラウザに貼り付け
Visit Site ボタンを押下
無事localhostのlaravelの画面が表示されました
【参考】