AstroTK
Rails

LINE認証による新規登録・ログイン実装

#Rails

行ったこと

・LINE認証による新規登録
・LINE認証によるログイン実装

実際のフロー

①LINEによる新規登録・ログインに赤枠のボタンを押す

スクリーンショット2024-06-1910.48.04.png

②それぞれLINEアカウントの許可が入るので、許可して進む

sso.2c02ee3d.png

③新規登録の場合は、追加の登録画面へ移動する(必要でなければここは省略してもOK)

④完了後、ログインしダッシュボードに移る。ログインの場合は②、③がなくこちらに飛ぶ

スクリーンショット2024-06-1910.58.05.png

実装

1, Deviseを導入

Deviseとは、
以下のような認証機能を簡単に実装することができるgem

ユーザー登録
ログイン
ログアウト
登録情報の編集
パスワード変更、再発行

・OmniAuthの導入
OmniAuthとは、外部サービスのアカウントを使った認証機能を提供する仕組み
google、facebook、LINE等の認証が使用可能
今回はこちらのLINE認証を使用

2,LINE Developersに登録

スクリーンショット2024-06-1917.44.27.png
参考
https://qiita.com/s10aim_tana/items/2d174d4e31e4041700ee

・以下情報が取得できるので、.envに追加する
LINE_CLIENT_ID
LINE_CLIENT_SECRET

・コールバック用のURLを追加

スクリーンショット2024-06-1917.46.30.png

デプロイURL

https://checkin-template-app-4f5789142dd0.herokuapp.com/

← Back to Blog