ClickにおけるLINEログインのリリースに関して

この度Clickでは、LINEログイン機能をリリースしました。コード不要でLINEを用いたログインを実装することが可能になります。下記に実装方法を記載しましたので是非お試しください。

LINE側の設定

LINE Developersサイトにアクセスしてコンソールをクリック。アカウントの作成とログインを行ってください。

Image from Gyazo

LINE Developersサイトにログインしたら、新規プロバイダー作成をクリック
Image from Gyazo

プロバイダー名を入力し、作成をクリック
Image from Gyazo

LINEログインをクリック
Image from Gyazo

必要な情報を入力してください
Image from Gyazo

アプリタイプにはウェブアプリにチェックを入れてください
Image from Gyazo

LINEログイン設定にて、下記のコールバックURLを設定(最後のスラッシュは外す)
https://share.click.dev
Image from Gyazo

【任意】メールアドレス取得権限で申請を行い、Clickでメールアドレスが取得できる状態にします(こちらの申請をしなくてもLINEログインは可能です)
Image from Gyazo

【任意】非公開ボタンをクリックして、公開を行います(公開にするとすべてのLINEアカウントでLINEログインが可能になります。ご自身のアカウントでのテストのみ行いたい方は、非公開のままで問題ありません。)
Image from Gyazo

Clickとの連携

LINE Developersサイトにて必要なチャネルID,チャネルシークレットをコピー
Image from Gyazo

Image from Gyazo

ご自身のキャンバス画面にてLINEエレメントを配置したあと、コピーしたチャネルID,チャネルシークレットを貼り付けます
Image from Gyazo

※ログイン後のページをClickFlow必ず設定してください。こちらの設定を忘れるとエラーになります。
Image from Gyazo

ログインしたユーザー名を表示するには、従来と同じように Logged In User > Username を設定します
Image from Gyazo

LINEブラウザでの確認

シェア用のリンクをLINEブラウザで開いてください(その他のブラウザは現在サポートされていません)。
LINEログイン後、ご自身のLINEユーザー名が表示されます。
Image from Gyazo

以上になります。ご不明な点ございましたら、ご連絡ください。
引き続きよろしくお願い致します。