LINE側の設定
この記事では、LINEログインをa-blog cmsで行う方法をご紹介します。
コンソールにアクセスして、a-blog cmsの管理画面に登録する「Channel ID」と「Channel secret」を取得します。
プロバイダを作成する
まずはプロバイダを作成します。「Create」ボタンをクリックします。
![](https://www.a-blogcms.jp/archives/034/201912/381028266298db4c5bd7fe719fb2fac1.png)
「Create」ボタンをクリックしたら、プロバイダー名を入力します。後から何の設定かわかるように、会社名やお店の名前やサイト名をご記入ください。
![](https://www.a-blogcms.jp/archives/034/201912/d9f9ffc8f15fce8d4b5db876f58628b4.png)
プロバイダーを作成したら、ログインチャネルを作成します。
ログインチャネルを作成する
![](https://www.a-blogcms.jp/archives/034/201912/8c9097cda7d0f8b1cc7bae703ea7d28f.png)
以下のような画面に移動します。入力欄を記入しましょう。
![](https://www.a-blogcms.jp/archives/034/201912/a56a631a23bf1f7f14bccd273fb2f127.png)
Channel type | 「LINE Login」 を選択する(さきほど選択したチャネルタイプが選択されている状態になります) |
---|---|
Provider | プロバイダ名を選択する(さきほど作ったプロバイダが選択されている状態になります) |
Channel icon | 任意のアイコンを登録する |
Channel name | チャネルの名前(※Channel name名に「LINE」という文字を含めるとうまく作成できない可能性があります) |
Channel description | チャネルの説明 |
App types | 「Web app」 を選択する |
Email address | メールアドレスを登録 |
Privacy policy URL | プライバシーポリシーのURLがあれば登録する |
Terms of use URL | 利用規約のURLがあれば登録する |
最後に、LINE Developers Agreement に同意し、チェックボックスをオンにしてチャネルを作成します。
Channel IDとChannel secret を登録する
内容を保存したら、作成したチャネルのページに自動で移動します。
このページに記述されている「Channel ID」と「Channel secret」の項目をa-blog cmsの管理画面に設定します。LINEログインを有効にしたいサイトにログインし、管理画面>コンフィグ>プロパティ設定の順にページを移動し、「LINE(SNSログイン用)」の欄に記述してください。
a-blog cms の管理画面
![](https://www.a-blogcms.jp/archives/034/201912/3a0fd4bf0a01d46d7cb7bf38eb61c571.png)
Channel IDとChannel secret をプロパティ設定に登録する
LINEのチャネルページにある LINE ID とLINE secret
![](https://www.a-blogcms.jp/archives/034/201912/10af37ba624ec4671253b87cf6ebdb31.png)
Channel IDの設定
![](https://www.a-blogcms.jp/archives/034/201912/874508a72435f56700d7e78532085342.png)
Channel secretの設定
Callback URLを登録する
つぎは、a-blog cms の管理画面に記入されているCallback URLを確認し、LINEのチャネルに登録します。またLINEのコンソールの画面に戻って「LINE Login」タブに移動します。
![](https://www.a-blogcms.jp/archives/034/201912/3c8ad70e5756225e69838a008e65c36c.png)
![](https://www.a-blogcms.jp/archives/034/201912/910c9666838cd25a8b9781604ab7853d.png)
LINEログインを使用したいユーザーを認証する
管理画面>ユーザー>LINEログインをしたいユーザーの設定画面の順にページを移動し、LINEログインの項目にある「認証」ボタンをクリックします。
![](https://www.a-blogcms.jp/archives/034/201912/e8dbee4960109d67ac30bc15a1c0539c.png)
実際にLINEログインを使用する
サイトからログアウトし、ログインページに移動すると、専用のボタンが表示され、LINEログインが有効になっているのが確認できます。LINEログインボタンをクリックしてログインしてください。
![](https://www.a-blogcms.jp/archives/034/201912/2b0a7a97ce0ad9ae3cba53fcee371491.png)