SALINE
LINE setup

LINE公式アカウントとの接続ガイド

ここでは、SALINEとLINE公式アカウントをつなぐためのLIFF、Webhook、Messaging API設定を順番に行います。コピーする値と貼り付ける場所を間違えないことが一番大切です。

Goal

LINE内で予約ページを開ける

友だち追加後に、チャットだけでなくSALINEのLIFFページへ案内できる状態にします。

Time

30分から60分

既存のLINE公式アカウントがあれば30分前後、新規作成からなら1時間前後が目安です。

Support

不安なら画面共有で進める

LINE Developersは専門用語が多いため、不安な場合は無理に一人で進めず画面共有で確認してください。

最初に理解すること

LINE連携は、LINE DevelopersからSALINEへ貼る値と、SALINEからLINE Developersへ戻す値があります。 同じLINE公式アカウント、同じチャネルの値だけを使ってください。

項目取得元入力先
Channel IDLINE Developers: チャネル基本設定SALINE: LINE設定
Channel SecretLINE Developers: チャネル基本設定SALINE: LINE設定
Channel Access TokenLINE Developers: Messaging API設定SALINE: LINE設定
LIFF IDLINE Developers: LIFFSALINE: LINE設定
Webhook URLSALINE: LINE設定LINE Developers: Messaging API設定
LINE設定の値対応図
Webhook URLだけはSALINEからLINE Developers側へ戻して登録します。その他の値はLINE DevelopersからSALINEへ貼り付けます。
  1. 01

    LINE公式アカウントを用意する

    LINE公式アカウントを持っていない場合は、LINE Official Account Managerから作成します。 持っている場合は、そのアカウントを使います。
    LINE公式アカウント開設画面
    既に公式アカウントを持っている場合は新規作成せず、そのアカウントを使います。

    確認ポイント

    • アカウント名はお客様が見るため、店舗名または美容師名で統一します。
    • Business IDは今後も店舗側で管理できるメールアドレスにします。
    • すでに運用中の公式アカウントがある場合は、権限を確認してから進めます。
  2. 02

    LINE Developersにログインする

    LINE Developers Consoleを開き、公式アカウントと同じ管理者アカウントでログインします。
    LINE Developersの画面
    公式アカウントを管理しているBusiness IDでLINE Developersにログインします。

    確認ポイント

    • 公式アカウントと違う権限のアカウントでログインすると、後でチャネルが見つからなくなります。
    • プロバイダー名は店舗名または会社名で問題ありません。
    • Messaging APIチャネルを作成または確認します。
  3. 03

    Channel ID、Secret、Access Tokenを確認する

    「チャネル基本設定」でChannel IDとChannel Secretを確認し、「Messaging API設定」で長期のChannel Access Tokenを発行します。
    Messaging API設定画面
    Channel ID、Channel Secret、Channel Access Tokenを確認します。秘密情報は第三者に見せないでください。

    確認ポイント

    • Channel IDは数字のIDです。
    • Channel Secretは署名検証に使う秘密情報です。
    • Channel Access TokenはSALINEからLINEへ通知を送るために使います。
    • Channel SecretとAccess Tokenは、チャットやメールでそのまま送らないでください。
  4. 04

    SALINEのLINE設定に貼り付ける

    SALINEダッシュボードの LINE設定を開き、コピーした値を貼り付けて保存します。

    確認ポイント

    • Channel ID、Channel Secret、Channel Access Tokenは同じチャネルの値に揃えます。
    • 保存後に設定の進捗が進むことを確認します。
    • 別チャネルの値が混ざると、Webhook検証やLIFFログインで失敗します。
  5. 05

    Webhook URLをLINE Developers側に登録する

    LINE Developersの「Messaging API設定」に戻り、SALINEのWebhook URLを貼り付けます。 ここでLINEからSALINEへメッセージや友だち追加イベントが届くようになります。
    Webhook URL設定画面
    Messaging API設定のWebhook URL欄にSALINEのURLを貼り付け、Webhookの利用をオンにします。

    確認ポイント

    • Webhook URLは https://saline.jp/api/line/webhook です。
    • Webhookの利用をオンにします。
    • 応答メッセージはオフにします。
    • LINE Developersの検証ボタンで成功することを確認します。
  6. 06

    LIFFアプリを作成する

    LINE Developersの「LIFF」タブでLIFFアプリを追加します。LIFFは、お客様がLINE内で予約や相談を開くための入口です。
    LIFFアプリ作成画面
    Endpoint URL、サイズ、Scopeを設定します。お客様がLINE内で開く画面です。

    確認ポイント

    • Endpoint URLは https://saline.jp/liff/店舗slug です。
    • サイズはFull推奨です。
    • Scopeはprofileとopenidを使います。メール取得は不要です。
    • 発行されたLIFF IDをSALINEのLINE設定へ保存します。
  7. 07

    友だち追加後の導線を確認する

    自分のスマホでLINE公式アカウントを友だち追加し、LIFFページが開けるか確認します。 チャットが先に出る場合は、あいさつメッセージや応答設定を見直します。
    LINE公式アカウント管理画面
    あいさつメッセージ、応答設定、リッチメニューの初期表示を確認します。

    確認ポイント

    • 最初に案内したいURLは https://liff.line.me/{LIFF ID} です。
    • あいさつメッセージでLIFF URLを案内する場合は、短い説明と一緒に載せます。
    • リッチメニューを使う場合は、予約ボタンやメニュー確認ボタンにLIFF URLを設定します。
  8. 08

    通知先の美容師アカウントを設定する

    予約や相談の通知を受け取りたい美容師本人のLINEアカウントを、SALINEの通知先として設定します。

    確認ポイント

    • 美容師本人のLINEから公式アカウントへ短いメッセージを1通送ります。
    • SALINEのLINE設定に表示される候補から、自分の名前とアイコンを確認して選びます。
    • 設定後、新規予約やカウンセリング受信時に通知が届きます。

LINE公式連携の完了チェック

下記がすべて確認できれば、LINE連携としては公開前チェックを通過です。

  • LINE DevelopersのWebhook検証が成功する
  • スマホのLINE内で https://liff.line.me/{LIFF ID} が開く
  • SALINEのLINE設定にLIFF IDが保存されている
  • 応答メッセージがオフになっている
  • テスト予約がSALINEダッシュボードに反映される
  • 美容師本人の通知先LINEアカウントが設定されている

よくある質問

Q. LIFF設定で権限エラーが出ます

LIFF ID、Channel Secret、Channel Access Tokenが別々のLINE Developersチャネルから取られている可能性があります。同じ公式アカウント、同じチャネルの値に揃えてください。

Q. Webhook検証に失敗します

Webhook URLが https://saline.jp/api/line/webhook になっているか、Channel SecretがSALINEに正しく保存されているかを確認してください。

Q. 友だち追加後にチャットが先に始まります

LINE Official Account Managerで、応答メッセージ、あいさつメッセージ、リッチメニューの初期表示を確認してください。

Q. どの値を触ってはいけませんか

Channel SecretとChannel Access Tokenは秘密情報です。スクショ、チャット、メールで共有せず、SALINEのLINE設定にだけ貼り付けてください。

次に読むガイド

  • 日常利用の流れは「美容師さんの使い方」を確認します。
  • お客様へ案内する文面は「お客様向けの使い方」を確認します。
  • うまく動かない場合は「困った時の確認」を上から順番に見ます。