page icon

LINEログイン

(2024/11/01更新)
目次
ユーザーのLINEアカウントを用いて、アプリにログインすることが出来るエレメントである。LINEブラウザ上で利用することが可能です
LINEから取得出来るユーザー情報は「ユーザー名」と「Lineユーザー ID」「メールアドレス」です。
ウェブアプリでユーザーのメールアドレスを取得する場合は、LINEログイン設定後、LINE Developersコンソールからメールアドレス取得権限を申請してください。
 

公式アカウントの登録

1.LINE Businessにアクセスする
LINE Businessの登録はこちらから
2.PC内にLINEのアプリケーションが入っている場合は上のボタンで作成する。
メールアドレスを使用して作成する場合は下のボタンで作成する。
3-1-1
 

LINEでログインする場合

LINEアカウントで使用しているメールアドレスもしくは、QRコードからラインにログインする。必須項目を入力し、公式アカウントの作成を行う。
 

メールアドレスでログインする場合

公式LINEで使用するメールアドレスを入力する。
 
登録したメールアドレスにメールが届くので、そのメールに記載されているURLからアカウント作成画面へ移動する。
 
名前とパスワードを入力し登録を行う。
 
アカウント名や業種などを入力し、アカウントの作成を行う。

②公式アカウントとClickの紐付け

LINE Developers
1.LINE Developersにアクセスし、先ほど作成したアカウントのメールアドレスでログインを行う。
 
2.ログインを行ったらDeveloper用のアカウント作成を行う。
 
3.「新規プロバイダー作成」をクリックする。
 
4.「チャネルの種類」は「LINEログイン」を選択し、必須項目を入力し、チャネルの作成を行う。
 
5.チャネルIDをコピーして、Clickの開発画面へ移動する。
 
6.ClickのログインページにLINEログインエレメントを配置し、「+ ClickFlowの追加」をクリックし「ページ移動 > ホーム」を選択する。
 
7.「エレメント」タブに移動し「チャネルID」に先ほどコピーしたチャネルIDをペーストする。
 
8.LINE Developersを開き「チャネルシークレット」をコピーする。
 
9.Clickを開き、LINEログインを選択し「チャネルシークレット」に先ほどコピーしたチャネルシークレットをペーストする。
 
10.共有ボタンを押し、URLの一部
をコピーする。
 
11.LINE Developersを開き、「LINEログイン設定」の「コールバックURL」に先ほどコピーした
「https://sharev3.click.dev/」を入力する。
12.チャネルを公開する

スマホアプリのLINEのブラウザ設定を行う。

13.リンク等押下時にLINEブラウザを起動させる設定を行う。設定「LINE Labs」を開き、「リンクをデフォルトのブラウザで開く」のスイッチをオフにする。
 
動作確認
 
14.Clickのアプリ共有URLをLINEのブラウザで開いてください。