---
title: LINEアカウントを使用してユーザー登録を行うと同時に公式アカウントの友達登録を行う
description: LINEアカウントを使用してKurocoにユーザー登録を行うと同時に公式アカウントの友達登録を行う方法を説明します。
---

## 概要

LINEアカウント連携によってユーザー登録を行いたい場合、KurocoのOAuth SP機能をご利用いただけます。
OAuth SP機能には、プリセットとしていくつかの外部サービスをご用意しており、LINEもその一つです。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/8185214f226eb842593fcb84319daa26.jpg)

プリセット設定を使うと簡単に設定が行えますが、詳細なカスタマイズはできません。
例えばKurocoからの[LINEメッセージ送信機能](/ja/docs/tutorials/how-to-connect-to-line/) などを活用される場合には、ユーザー登録と同時にLINE公式アカウントへの友達登録も自動的にされていると便利ですが、LINEプリセット設定でのユーザー登録ではそれが出来ません。  

ここではKurocoのOAuth SP機能のカスタム設定を用いて、LINEアカウント連携によるKurocoにユーザー登録を行い、同時に公式アカウントの友達登録を行う方法を説明します。

### 学べること
以下の手順で、KurocoのOAuth SPでログインした際にLINE公式アカウントを友達登録させる方法を学びます。  

- [Kurocoの設定](#kurocoの設定)
- [LINE Developersコンソール上での設定](#line-developersコンソール上での設定)
- [動作確認](#動作確認)

### 前提条件

このページは、LINE Developersコンソールにてプロバイダーおよびチャンネル（Messaging API）が設定済みであることを前提としています。  
まだ設定していない場合は、下記のチュートリアルを参照してください。  
- [LINEユーザーにメッセージを送付する](/ja/docs/tutorials/how-to-connect-to-line/)

## Kurocoの設定

### メンバー詳細設定

まず、メンバーの情報にLINEアカウントと紐付けるためのLINE ID情報を保持できるように設定します。
サイドバーから[メンバー管理]を選択、上部のプルダウンより[メンバー詳細設定]を選択しメンバー詳細設定画面を表示します。  
[登録されるメンバーの拡張項目を設定する]ボタンをクリックします。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/3e43800a61f30142c650c13bc7386a45.png)

拡張項目設定画面にてメンバー拡張項目に`Line ID`を追加し、[更新する]ボタンをクリックします。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/cba03042c7b3e8fa85b1e513ca19cfbf.png)

### グループ設定

LINEアカウントと連携してユーザー登録したユーザーを他のユーザーと区別しておくと便利です。ここでは「LINEユーザー」というグループを作成し、そこに所属させるようにします。
グループ設定画面を開き[+追加]ボタンをクリックして、以下の項目を入力して[+追加する] ボタンをクリックします。

|項目   |設定内容  |
| :--- | :--- |
|名前|`LINEユーザー`|
|有効にする|`（チェックあり）`|
|ユーザー種別|`ログインユーザー`|
|IPアドレス制限|`（空）`|

![Image from Gyazo](https://t.gyazo.com/teams/diverta/cea3f9630a485ccc3f47ed76008aa4fa.png)

### APIの設定

セキュリティが動的トークンとなっているAPIを必ず一つ持つ必要があります。

ない場合はAPIを追加してください。
エンドポイント一覧画面を開き右上の[追加]ボタンをクリックします。  
ポップアップで以下のように設定し、[追加する]ボタンをクリックします。

|項目   |設定内容  |
| :--- | :--- |
|タイトル|`LINEユーザー向け`|
|版|`1.0`|
|説明|`LINEユーザー向け`|

![Image from Gyazo](https://t.gyazo.com/teams/diverta/e8a9a684c9e707468fa9603a0e77aa08.png)

エンドポイント一覧画面上部の[セキュリティ]ボタンをクリックし、ポップアップ上の[セキュリティ]設定で[動的トークン]を選択し、[保存する]ボタンをクリックします。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/2ae07ee9d1f582a1331c9f09ab6a5f31.png)

## LINE Developersコンソール上での設定

LINE Developersコンソールで以下を設定します。  
(1) プロバイダー  
(2) チャンネル（Messaging API）  
(3) チャンネル（LINEログイン）  

(1)と(2)については[LINEユーザーにメッセージを送付する](/ja/docs/tutorials/how-to-connect-to-line/)をご参照ください。

### チャンネル（LINEログイン）の設定

LINE Developersコンソールにログインし、[LINEユーザーにメッセージを送付する](/ja/docs/tutorials/how-to-connect-to-line/)で作成したプロパイダーから、[新規チャンネル登録]の[LINEログイン]を選択し、入力フォームに従って、提供するサービスの情報を入力してください。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/2442505006a27005a3a1f726f62bb00e.png)

設定画面を再度開くと、[リンクされたLINE公式アカウント]という欄が現れます。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/03f8789bbbf17c031d54c8667b73543e.png)

LINE公式アカウントに関連付けられたMessaging APIのチャネルが、LINEログインのチャネルと同じプロバイダーに属している場合、ここで選択可能になります。該当するMessaging APIのチャネルを選択し、[更新]ボタンをクリックします。

また、作成したチャンネルのチャンネルIDが表示されますので、控えておいてください。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/a4201b4a76299a6c72911a78dad6d664.png)

Kurocoの OAuth SP設定画面にて、[+追加]ボタンをクリックします。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/1513e335b3cca1af44f414c071ccece7.png)

フォームに以下のように設定します。

|項目   |設定内容  |
| :--- | :--- |
|OAuth SPの名称|`LINE(公式アカウント友達追加)`など、わかりやすい名前を設定してください|
|ターゲットドメイン|`API`|
|タイプ|`Custom`|
|クライアントID (Client ID)|`(LINEログインチャネルのチャネルID整数10桁)`|
|クライアントの秘密鍵 (Client Secret)|`(LINEログインチャネルのチャネルシークレット)`|
|承認URL|`https://access.line.me/oauth2/v2.1/authorize?prompt=consent&bot_prompt=aggressive`|
|トークンURL|`https://api.line.me/oauth2/v2.1/token`|
|リソースURL|`https://api.line.me/v2/profile`|
|(API用) Grantトークン生成|`LINEユーザー向け` にチェック|
|プライベート URL を使用|`（チェックなし）`|
|リターンURL（成功）|`（ログイン直後に遷移させたいフロントエンドURLを指定してください）`|
|リターンURL（エラー）|`(空)`|
|自動ユーザ登録	有効にする|有効にする：`（チェックあり）`<br/>登録時にセットされるグループ：`LINEユーザー`|
|登録フィールドとのIDPマッピング|名とマップする：`displayName`<br/>姓とマップする：`displayName`<br/>名前スプリッターを利用する：`（チェックあり）`|
|Emailを利用せずメンバー拡張項目にIDを格納してリンクする|有効にする：チェック有<br/>IDPのOpenIDキー：`userId`<br/>IDを保存するメンバー拡張項目：`LINE ID`|
|必要なデータのスコープ|`profile`<br/>`openId`|
|スコープセパレータ|`スペース' '`|
|ユーザーアクセストークンを保存|`(チェックなし)`|
|基本認証ヘッダーにクライアントの秘密鍵を送信|`(チェックなし)`|
|承認プロンプトのパラメータを送信しない|`(チェックなし)`|

### コールバックURLの設定

もう一度外部システム連携編集画面を開くと、以下のように[ログインURL] が表示されていますので、こちらを控えてください。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/c4d7937bf29bace7e7af3ecf10985c31.png)

LINE Developerコンソールのログインチャンネルの設定画面にて[LINEログイン設定]タブを開きます。  
[コールバックURL]に先ほど控えた[ログインURL]を記載して、[更新]をクリックします。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/12f6e34573cb55d13c86364cd9933be0.png)

設定は以上です。

## 動作確認

上述の[ログインURL]にお使いのデバイスなどでアクセスしてみましょう。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/0d47595c99a46713faa5aa0c5af01929.png)

LINEログインの同意画面の後に、[友だち追加]ボタンが現れます。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/dcf840a83909e07eaf1c0eae79250927.png)

[友だち追加]ボタンをクリックすると公式アカウントが友達に追加され、前述の [リターンURL（成功）]で設定したURLにリダイレクトされます。

## 関連ドキュメント

- [OAuth SP](/ja/docs/management/sso-oauth-sp/)
- [LINE](/ja/docs/management/line/)
- [LINEユーザーにメッセージを送付する](/ja/docs/tutorials/how-to-connect-to-line/)
