Support LINE Login

[takahashim]

🎩 What? Why?

LINE IDでDecidimにログインできるようにしてみます。

ログイン（＋ユーザー登録）フローとしては、以下のようになります（案外長いです）

• ログイン画面に「Lineでログイン」ボタンが表示される
• ボタンをクリック
• Lineのログイン画面になるのでそこでログイン
• Decidimに戻ってきて、アカウントIDとメールアドレスの登録画面を表示
• アカウントIDとメールアドレスを入力
• 登録完了する
• あらためてログインする
• 規約同意画面を表示するので、同意する
• ログイン後、個人情報入力画面を表示
• 個人情報を入力
• 利用できるようになる

📌 Related Issues

• Related to #?
• Fixes #?

📋 Subtasks

• Add CHANGELOG upgrade notes, if required
• If there's a new public field, add it to GraphQL API
• Add documentation regarding the feature
• Add/modify seeds
• Add tests
• Another subtask

📷 Screenshots (optional)

ログインボタンは↓こんな感じです（特にどうということはないです…）。

TODO

• ログインのやり方の動画を作る

[takahashim]

omniauth-line_loginはなんとなく別repositoryで作っていたのですが（Decidim関係なく汎用的に使えるライブラリなので）、管理の都合上はdecidim-cfj直下に置いた方がいいかも？　という気もしてきました。

[takahashim]

設定なしにいきなり使えるようになるものではないので、WIPは外しておきます

[takahashim]

LINEにログイン済みの場合の、decidimへのログインフローです（ログイン後、前回ログアウト時に開いていた画面に遷移してます）。

login_line_logined.mov

[takahashim]

LINEにログインしてない場合の、decidimへのログインフローです（PC版のログイン画面になってます）。

login_line_unlogined.mov

[takahashim]

順番が逆になりますが、LINEログインを使ってDecidimのアカウントを作るフローです（ちょっと長いです）。
LINEから持ってきてるのは表示名のみで、アカウント名とメールアドレスはDecidimで入力しています。

registration_line.mov

[takahashim]

config/secrets.ymlの修正内容も反映させておきます。

あと、LINE developersサイト側の設定として、Callback URLを設定する必要があります。
こちらは https://【ホスト名】/users/auth/line_login/callbackといったURLを設定しておきます（ちなみにSSLじゃないとLINEログインできないようでした）。

[isaozz]

１点質問ですが、こちらのログイン方法は既存のユーザに対しても使えるものでしょうか。

[kken78]

既存ユーザーとは別に（LINEアカウントと関連づけられた）アカウントが作られることになりますね。