Salineダッシュボードへ
Onboarding

導入ガイド

手順どおりに進めていただくと、30 分から 1 時間ほどで店舗の LINE 公式アカウントに Saline を接続できます。途中でお困りの際は、画面右下のレビューからお問い合わせください。

Goal

友だち追加後に、チャットではなくSalineのLIFFページを最初に開ける状態にします。

Time

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

Support

LINE Developersが不安な場合は、画面共有または代行セットアップで進めるのが安全です。

最初に用意するもの

途中で迷いやすいのは、LINE Developersからコピーする値と、Salineから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設定
  1. 01

    Saline にサインアップ

    無料登録画面からアカウントを作成し、ダッシュボードへログインしてください。Googleアカウントまたはメールリンクで登録できます。
    Saline無料登録画面
    Salineの無料登録画面。店舗名とslugを決めて、Googleアカウントまたはメールリンクで始めます。

    確認ポイント

    • プレリリース登録後は60日間Lite相当の機能を試せます。
    • 登録後にダッシュボードの「LINE設定」を開きます。
    • テスト運用の美容師さんには、レビュー協力に応じて最大90日まで延長できます。
  2. 02

    LINE 公式アカウントを用意

    既にお持ちでない場合は https://entry.line.biz からアカウントを作成します。作成済みであれば次のステップへ進んでください。
    LINE公式アカウント開設マニュアル画面
    LINEヤフー公式の開設マニュアル。Web版管理画面から公式アカウントを作成します。

    確認ポイント

    • アカウント名はお客様が見る名前になるため、店舗名または美容師名で統一します。
    • すでに公式アカウントがある場合は新規作成せず、そのアカウントを使います。
    • Business IDは、今後も店舗側で管理できるメールアドレスにしておきます。
  3. 03

    LINE Developers でチャネル作成

    LINE Developers コンソール にログインし、新規プロバイダーと Messaging API チャネルを作成します。チャネル名はお店の名前で構いません。
    LINE Developersの新規チャネル作成画面
    LINE Developers Consoleでプロバイダーを開き、「新規チャネル作成」からMessaging APIまたはLINEログインチャネルを作成します。

    確認ポイント

    • 公式アカウントと同じ権限を持つBusiness IDでログインしてください。
    • ログイン後、公式アカウントに紐づくMessaging APIチャネルを確認します。
    • 別チャンネルのLIFF IDやアクセストークンを混在させると、権限エラーになります。
  4. 04

    Channel ID・Secret・Access Token を確認

    • 「チャネル基本設定」タブで Channel ID と Channel Secret を確認
    • 「Messaging API 設定」タブで Channel Access Token（長期）を確認または発行
    • 発行済みのトークンは第三者に見せず、SalineのLINE設定にのみ貼り付けます
    LINE Developersのチャネル基本設定画面
    チャネル基本設定でChannel IDを確認します。Channel Secretやメールアドレスなどの値は公開用画像では伏せています。

    確認ポイント

    • Channel Secretは署名検証に使うため、第三者に共有しないでください。
    • Channel Access TokenはSalineからLINEへ通知するために使います。
    • LIFF IDは次のLIFF作成ステップで発行し、同じくSalineのLINE設定に保存します。
  5. 05

    ダッシュボード「LINE設定」に貼り付け

    ダッシュボード左メニューの LINE設定 を開き、コピーした 4 つの値（Channel ID、Channel Secret、Access Token、LIFF ID）を貼り付けて保存します。テスト接続ボタンで疎通確認できます。
    LINE DevelopersとSaline LINE設定の入力値対応図
    LINE Developers側から4つの値をコピーし、SalineのLINE設定に貼り付けます。Webhook URLだけはSalineからLINE側へ戻して登録します。

    確認ポイント

    • 貼り付ける値は、同じ公式アカウント・同じLINE Developersチャネルの値に揃えます。
    • 保存後、公開ページとLIFFページのURLが正しく表示されるか確認します。
    • 複数店舗で使う場合は、店舗ごとにLIFF IDを分ける設計が安全です。
  6. 06

    Webhook URL を LINE 側に登録

    「LINE設定」ページに表示される Webhook URL を、LINE Developers の「Messaging API 設定」 → 「Webhook URL」に貼り付けて更新します。Webhook の利用をオン、応答メッセージをオフに設定してください。最後に「検証」ボタンで疎通確認できます。
    LINE DevelopersのMessaging API設定画面
    Messaging API設定のWebhook URL欄にSalineのURLを貼り付けます。Bot IDやQR、アクセストークンは公開用画像では伏せています。

    確認ポイント

    • Webhook URLは https://saline.jp/api/line/webhook にします。
    • Webhookの利用をオンにします。
    • 応答メッセージはオフにします。オンのままだと、友だち追加直後にLINE標準の自動応答が先に出ることがあります。
  7. 07

    LIFF アプリを作成・接続

    LINE Developers の「LIFF」タブでLIFFアプリを追加し、Endpoint URL に https://saline.jp/liff/店舗slug を設定します。Salineデモ店舗の場合は https://saline.jp/liff/saline です。
    LINE DevelopersのLIFFアプリ追加画面
    LIFFアプリ追加画面でEndpoint URL、サイズ、Scopeを設定します。Endpoint URLはSalineのLIFF URLを指定します。

    確認ポイント

    • サイズはFull推奨です。お客様の予約・カウンセリング画面を広く見せられます。
    • Scopeはprofileとopenidを使います。メール取得は不要です。
    • 発行されたLIFF IDをSalineのLINE設定へ保存します。
  8. 08

    友だち追加後にLIFFを開く導線を確認

    ご自身のスマホでLINE公式アカウントを友だち追加し、最初にSalineのLIFFページが開くか確認します。チャットメニューが先に始まる場合は、あいさつメッセージや応答メッセージ、リッチメニューの初期表示を見直してください。
    LINE公式アカウント機能の設定確認画面
    Messaging API設定から、応答メッセージとあいさつメッセージが無効になっているか確認します。アクセストークンは公開用画像では伏せています。

    確認ポイント

    • 友だち追加URLまたはQRコードから実機で確認します。
    • 最初に開かせたいURLは https://liff.line.me/{LIFF ID} です。
    • 予約・問い合わせ通知を受け取りたい美容師は、自分のLINEから公式アカウントに1通メッセージを送り、SalineのLINE設定に出る候補から自分を選択します。
  9. 09

    通知先 LINE userId を設定

    Salineの LINE設定を開き、「通知先 LINE userId の確認手順」を見ながら美容師本人のLINEアカウントを通知先に設定します。

    確認ポイント

    • 本番環境では、トーク送信だけで自動登録する方式はセキュリティ上無効です。
    • 美容師本人が公式アカウントへメッセージを送ると、LINE設定ページの「最近反応したLINEアカウント」に候補が表示されます。
    • 候補の名前とアイコンを確認し、「これに設定」を押します。
    • 設定後、新規予約やカウンセリング受信時に、そのLINEアカウントへ通知されます。
  10. 10

    動作確認

    ご自身の LINE から公開ページまたは LIFF URL を開き、フォームの送信や予約フローが想定どおり動作することをご確認ください。送信内容はダッシュボードの予約・顧客タブに反映されます。
    Salineのお客様向け公開ページ
    最終的にお客様が見る画面です。LINE友だち追加後、このようなページから予約や相談へ進める状態にします。

    確認ポイント

    • 公開ページ: https://saline.jp/s/店舗slug
    • LIFFページ: https://saline.jp/liff/店舗slug
    • Webhook: LINE Developersの検証ボタンで成功すること
    • 予約テスト: 予約作成後、Salineダッシュボードに反映されること

完了チェック

下記をすべて満たせば、LINE連携としては公開前チェックを通過です。有料提供まで行う場合は、別途Stripe本番決済の確認も行ってください。

  • LINE DevelopersのWebhook検証が成功する
  • https://saline.jp/liff/店舗slug がスマホのLINE内で開く
  • 友だち追加後、最初にLIFFページへ誘導できる
  • テスト予約がSalineダッシュボードに反映される
  • 美容師本人のLINE userIdをSalineのLINE設定に保存済み

よくあるご質問

Q. お客様の個人情報はどこに保存されますか

Supabase の東京リージョンに保存します。LINE のチャネルアクセストークン等の機密情報は AES-256-GCM で暗号化して保管します。

Q. 解約するとデータはどうなりますか

ベータ期間中の解約はご連絡をいただければ速やかに対応します。データの完全削除もご要望に応じて対応いたします。

Q. 料金はかかりますか

プレリリース登録後は60日間Lite相当の機能を試せます。継続利用する場合はLite、Standard、Proのいずれかを選択します。LINE Messaging API の配信通数課金など、外部サービスの費用はお店側のご契約に従って発生します。

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

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

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

LINE Official Account Managerで、あいさつメッセージ、応答メッセージ、リッチメニューの初期表示を確認してください。最初に開かせたいURLは https://liff.line.me/{LIFF ID} です。

Q. サポート窓口

画面右下のレビューを開き、表示ページとお困りの内容を送信してください。設定中の画面や操作状況が分かる形で確認します。