LINEログイン連携

LINE公式アカウントにLINEログインチャネルを作成して、プロラインとLINE公式アカウントを連携させる（プロラインの高度な機能を使えるようにする）手順を解説します。

 

fa-font-awesomeLINEログインチャネルは、なぜ必要なの？

LINE公式アカウントは、チャネルと呼ばれる通信路を通して外部システムと連携することができます。

既にプロラインを使っている方は、「Messaging APIチャネル」を通してLINE公式アカウントとプロラインが連携できています。「Messaging APIチャネル」を使った連携では、ステップメッセージの配信や、シナリオ別リッチメニューなど基本的な機能を使用することが出来ます。

登録時シナリオの変更、流入元計測、ASP機能、リッチメニューから友だち専用ページを開くといったプロラインのより高度な機能を活用する場合は、同じLINE公式アカウントにて、「LINEログインチャネル」を使った連携設定をする必要があります。

LINEログインを「オン」にすると、友だち追加時にLINEアプリで「認証画面」が表示されます（ページ遷移が１つ増えます）。他どのツールを使った場合でも、LINEログインを使用する場合、この「認証画面」は必ず増えます。
他のツールですと、【LINEログインの設定は「必須」】となっていますが、プロラインならオンオフを選択できます。
つまり、プロラインを使う場合、この機能が不要な場合は【「認証画面」の表示をスキップ】という設定が選択できる、数少ないツールと言うこともできます。

 

fa-font-awesomeプロラインフリーの管理画面からナビを始めましょう。

 

※プロラインの管理画面で操作します。

手順１：プロラインフリーにログインし、あいさつメッセージメニューを開きます

本ツール（プロラインフリー）にログインして「あいさつメッセージ（友だち追加時）」 を選択します

手順２：「LINEログイン設定（登録シナリオを分ける／独自ASP機能を利用）」にチェックをいれます

「LINEログイン設定」にチェックを入れると、

『LINEログイン設定ナビを始める！』のボタンが表示されますので、ナビを始めてください。

 

連携をするためには、LINE Developers側で、プロラインと連携中のLINE公式アカウントと同じプロバイダー内に「LINEログイン」チャネルを作成する必要があります。

『始める』をクリックして次に進んでください。

 

LINEログインをオンにする場合には、友だち追加画面の前に以下のLINEの認証画面が表示されるようになります。

 

 

 

fa-font-awesomeLINE Developersにアクセスして「LINEログインチャネル」を作成しましょう！

 

手順１：LINE Developersのリンクにアクセスします。

プロラインの管理画面にあるナビから、

LINE Developersページのリンクである[ プロラインと連携中のLINE公式アカウントのMessaging APIチャネル ] という箇所をクリックします。

 

 

手順４：新規チャネル作成 >LINEログインチャネルを選択します。

プロバイダー名を選択したら、該当のプロバイダー内にLINE公式アカウント（Messaging APIチャネル）があることを確認した上で

『新規チャネル作成』をクリックして、

『LINEログイン』を選択して、チャネル作成画面に遷移します。

 

手順５：LINEログインチャネルを新規作成します

LINEログインチャネルを新規作成します。入力必須の項目は、「チャネルの種類」「プロバイダー」「所在国」「チャネル名」「チャネル説明」「アプリタイプ」「メールアドレス」です。
その他は、省略しても大丈夫です。

①チャネルの種類：LINEログイン
②プロバイダー：既存のプロバイダーを選択してください

③会社・事業所の所在国・地域：日本など

④チャネルアイコン：LINE公式アカウントで使用するアイコンを任意で登録できます（後からでも変更可能）
※Messaging APIチャネルと同じものがオススメです。

⑤チャネル名
メッセージ配信を行う際に、ユーザーに表示される名前になります。アカウント名（Messaging APIチャネル名）と同じで良いです。

⑥チャネル説明
主な使用用途、配信するメッセージ内容などを入力していきましょう。この説明は、簡易的なものでも問題ないと思います。

⑦アプリタイプ：ウェブアプリ

⑧メールアドレス：普段、使用しているアドレスを登録。

⑨プライバシーポリシー、⑩利用規約
空欄でも先に進むことが出来ます。もし、まだ出来ていない場合は、空欄で先に進んでも問題ありません。

利用規約の内容に同意してチェックしてください。必要な入力項目を埋めたら、[作成]ボタンをクリックします。

LINEログインチャネルが作成されました。

 

手順６：チャネルIDをコピーしてプロライン側に貼り付けます。

 

作成後は、以下のような画面になりますので、チャネルIDのコピーアイコンをクリックして

プロライン側のナビの　LINEログイン チャネルIDに貼り付けて、「次へ」をクリックして次に進みます。

 

手順７：チャネルシークレットをコピーしてプロライン側に貼り付けます。

 

LINE Developersの画面を下にスクロールすると、

になりますので、チャネルシークレットの箇所のコピーアイコンをクリックして

 

 

プロライン側のナビの　LINEログイン チャネルシークレットに貼り付けて、「次へ」をクリックして次に進みます。

 

手順８：「リンクされたLINE公式アカウント」でLINE公式アカウントを選択してください

 

LINE Developersの画面をさらに下にスクロールして、「リンクされたLINE公式アカウント」設定で、[編集]ボタンをクリックして、
プロラインと連携しているLINE公式アカウント（Messaging APIチャネル）を選択して、「更新」ボタンをクリックします。

 

連携できたら、『リンクされたLINE公式アカウント設定を選択し、「更新」ボタンを押しました。』にチェックを入れて、『次へ』をクリックします。

手順９：次に「開発中」という表示をクリックします

LINE Developersの画面を一番上までスクロールして、『開発中』というところをクリックしてください。

（「開発中」とは管理者のみがテストできるステータスですので、必ず「公開済み」に設定する必要があります。）

確認画面が出てきますので「公開」をクリックしてください。

以下のように「公開済み」に変更されればOKです。

 

 

連携できたら、『LINEログインチャネルの公開ステータスを『公開済み』にしました。』にチェックを入れて、『次へ』をクリックします。

 

 

fa-font-awesome動作テスト

 

続いて、ナビから動作テストをしていただけます。

『LINEログインをテスト』をクリックすると

 

 

以下のようにQRコードが表示されますので、スマホでQRコードを読み取ってください。

 

以下のような認証画面が表示されるので、『許可する』をタップすると、

正常に連携されている場合には、以下の画面になります。

もし正常でない場合には、上の♦︎手順８、♦︎手順９を見直してご確認ください。

 

正常に連携されている場合には、そのままナビを閉じると

以下のように、LINEログイン連携がOKの状態となります。