🐾かんたん予約『ポチコ』ヘルプページ/Messaging APIでの連携について/【初めてポチコと連携する方】Messaging API連携 + LIFFアプリ設定
🐣はじめての方へ
🐣はじめての方へ

【初めてポチコと連携する方】Messaging API連携 + LIFFアプリ設定

 
従来のポチコではLINE MarketPlace(LINE Module API)での連携となっておりましたが、一般的に「LINE連携」と呼んだときのMessaging APIでの連携にも対応可能となりました。
これにより、他のLINE連携サービスとポチコを併用できるようになります。
このページでは、すでにポチコとLINE公式アカウントを連携している場合の切り替え方法についてご案内いたします。
（すでにLINEマーケットプレイスで連携している方はこちらをご確認ください。）
===もくじ===

はじめに：LINE公式アカウントを作成する

ポチコを利用いただくには、LINE公式アカウントを作成する必要があります。
まだお持ちでない方は、下記を参考に作成をお願いします。 https://blog.pochico.app/9e9ff22548f94a629a86e031ee0bddcf
 

Messaging API連携の４ステップ

ステップ１：Messaging APIの利用を有効にする

LINE Official Account Manager でMessaging APIの利用を有効にします。
  1. LINEの公式アカウントマネージャー( https://manager.line.biz ) を開く
  1. ログインして連携したいLINE公式アカウントを選択します。
  1. アカウントを選択後、右上の『設定』をクリック
　→左側メニューから『Messaging API』を選択
　→『Messaging APIを利用する』をクリック
 

ステップ２：開発者情報を登録する

LINE Official Account Manager にログインするときに使っているアカウントで、LINE Developersにログインしたことがない場合は、操作の途中で、開発者情報を登録する画面が表示されます。 名前とメールアドレスを入力して開発者アカウントを作成します。
  1. 開発者情報を登録
名前とメールアドレスを入力して開発者アカウントを作成します。
  1. 『OK』で登録完了してください。
 

ステップ３：プロバイダーを選択する

  1. LINE公式アカウントを管理するプロバイダーを選択する画面が表示されます。 作成したことがない場合は、プロバイダー名を入力して作成します。 ほかのLINEログインのチャネルなどと連携する予定がある場合は、そのチャネルと同じプロバイダーを選択します。 ※LINE公式アカウントのプロフィール画面下部に表示されます
      2. 💡
      ※プロバイダー選択時の注意 一度、LINE公式アカウントを管理するプロバイダーを選択すると、後から別のプロバイダーに変更したり、Messaging APIとの連携を解除したりすることはできません。
      💡
      ※プロバイダー選択時に特に注意が必要なケース たとえば、以下のような場合には特に注意してください。
      • チャネルとプロバイダーを別々の個人または企業が管理している。
      • 1つのプロバイダー配下に、相互に関係がないサービスや企業のチャネルを作成する。
      • チャネルの運用ツール等を運営するサービス（企業）が管理するプロバイダーの配下にチャネルを作成する。
      このようなケースでは、後からチャネルをプロバイダー間で移動できないことや、プロバイダーごとに異なるユーザーIDが割り当てられられることに起因して、将来的に問題が発生する可能性があります。そのリスクを十分検討した上で、適切なプロバイダーを選択してください。
    1. 選択もしくは作成が完了したら、ポチコと連携したいアカウントであることを確認し、『設定』→『Messaging API』からMessaging APIの情報をコピーして（控えて）おく。
      2. 📝
      コピーして（控えて）おく情報
      • Channel ID
      • Channel Secret
 

ステップ４：ポチコの会員登録をし、Messaging API連携をする

『ポチコの会員登録画面（Messaging API連携用）』から、必要事項を入力して新規登録をしてください。
▽ポチコの会員登録画面URL（Messaging API連携用）はこちら  https://console.pochico.app/signup?lineChannelType=messagingApi 
  • 管理者の名前
  • メールアドレス（一度ポチコで使用したことのあるアドレスは使えません）
  • パスワード
 
「利用規約に同意して新規登録する」を押すと、LINE連携画面（Messaging API用）が開きます。
この画面で、”ステップ３”でコピーしておいた『Channel ID』と『Channel Secret』を入力し、「LINE連携をする」を押下してください。
 
以上で、Messaging APIでの連携が完了です。
 
【他のサービスを利用していない方】
他のサービスを利用しておらずWebhookをポチコで使用できる方は、「Webhookの設定について」ページにお進みください。
その後、管理者ツールにログインして、設定を進めましょう。
 
【他のサービスでWebhookを使用している方】
他のサービスでWebhookを使用している方は、下記に続く「LIFFアプリ設定」に進んでください。

LIFFアプリ設定の手順

他サービスとポチコ、両方でWebhookを利用できるようにするための設定です。 （他サービスでWebhookを利用しない場合は、「Webhookの設定について」ページをご確認ください。）

1.LINE Developersコンソールにログインする

作成したMessaging APIのチャネルの設定は、LINE Developersコンソールで行います。
LINE Official Account Managerにログインするときに使っているアカウントで、LINE Developersコンソールにログインします。
 

2. チャネルを設定する

Messaging API連携の”ステップ3”で作成したプロバイダーを選択し、「新規チャネル作成」をします。
 
 
「LINEログイン」を選択します。
新規チャネル作成画面が開きます。
 
チャネルの種類：自動入力されているものをそのまま利用
プロバイダー：自動入力されているものをそのまま利用
会社・事業者の所在国・地域：任意のものを設定
チャネル名：任意のものを入力（お友達に表示される部分なので、通常「」がおすすめです）
チャネルの説明：任意のものを入力（お友達に表示される部分なので、通常「の公式アカウントです」のような表記がおすすめです）
アプリタイプ：「ウェブアプリ」にチェック
利用規約に同意し、作成ボタンをクリックして作成してください。
 
作成したチャネルをクリックします。
 
『LIFF』のタブを選択してください。
登録されているLIFFアプリがありませんと表示されるため「追加」を選択してください。
 
『LIFFアプリ名』を指定してください。
※わかりやすい名前にすると便利です。例：「ポチコ用LIFFアプリ」
サイズ：「Full」を選択
 
『エンドポイントURL』： エンドポイントURLは、ポチコのLIFFアプリ登録画面にアクセスし、表示されているエンドポイントURLをコピーして入力します。
▽ポチコのLIFFポチコアプリ登録画面URL https://console.pochico.app/line-liff-id-registration
（※ポチコにログインした状態で開いてください）
（下部にあるLIFFアプリのID欄は後ほど使用しますので、開いたままにしておきます）
 
コピーしたら、元の画面（LINE Developers）に戻り、エンドポイントURLを貼り付けてください。
 
Scope：profileを選択
友達追加オプション：On（Normal）を選択
 
『追加』をクリックしてください。
 

3.ポチコの登録画面でLIFFアプリの設定をする

LINE DevelopersコンソールのLIFF上でLIFFアプリが作成されます。
作成されたアプリの『LIFF ID』をコピーしてください。
 
コピーしたLIFF IDを、ポチコのLIFFアプリ登録画面 から登録することで設定が完了します。
 
※LINE Developers コンソールの画面で、チャネルが「開発中」になっている場合は「公開」に変更してください。
　　　　　　　　　　　　　　　　　　　　　↓
 
これで連携は完了です。

LINE公式アカウントのリッチメニューに設定する

LINE Developersで作成したチャネルの『LIFF』のタブを選択すると、設定したLIFFアプリが確認できます。
「LIFF URL」をLINE公式アカウントの自前のリッチメニューに設定すると、LIFFアプリが開いて予約ができるようになります。
 
LINE Official Account Manager のリッチメニュー設定画面で、下記のとおり設定してください。
「予約をする」：LIFF URL をそのまま入力する
「予約を確認する」：LIFF URLの最後に を追加して入力する
 
リッチメニューの設定ができたら、LINE公式アカウントからLIFFアプリが開くのをご確認ください。
 
 
 
以上です。おつかれ様でした！
 

©︎Play Technologies, inc.