LINE予約連携 設定ガイド

1-1. LINE公式アカウントを開設する

1. LINE Official Account Manager にアクセスします
   https://manager.line.biz/
2. 「アカウントを作成」をクリック
3. LINEアカウントまたはメールアドレスでログイン
4. 必要な情報を入力してアカウントを作成
   • アカウント名：お店の名前（例：ヘアサロン Ann's）
   • 業種：「美容」→「美容院・理容」を選択

1-2. すでにLINE公式アカウントをお持ちの場合

既存のLINE公式アカウントをそのまま使用できます。次のステップ2に進んでください。

2-1. LINE Developersにログイン

1. LINE Developers Console にアクセスします
   https://developers.line.biz/console/
2. LINE公式アカウントと同じLINEアカウントでログイン

2-2. プロバイダーを作成する

1. 「プロバイダー」→「作成」をクリック
2. プロバイダー名を入力（例：お店の名前や会社名）
3. 「作成」をクリック

2-3. Messaging APIを有効にする

1. LINE Official Account Manager にアクセス
   https://manager.line.biz/
2. 対象のアカウントを選択
3. 「設定」→「Messaging API」を選択
4. 「Messaging APIを利用する」をクリック
5. 先ほど作成したプロバイダーを選択
6. 設定を確認して「OK」をクリック

2-4. チャンネルアクセストークンを発行する

1. LINE Developers Console でプロバイダー → Messaging APIチャンネルを開く
2. 「Messaging API設定」タブを選択
3. ページ最下部の「チャンネルアクセストークン（長期）」で「発行」をクリック
4. 表示されたトークンをコピーして保存

2-5. チャンネルシークレットを確認する

1. 同じチャンネルの「チャンネル基本設定」タブを選択
2. 「チャンネルシークレット」をコピーして保存

ここまでで以下の2つが手元にあるはずです：

3-1. LIFFアプリを追加する

1. LINE Developers Console でMessaging APIチャンネルを開く
2. 「LIFF」タブを選択
3. 「追加」をクリック

3-2. LIFFアプリの設定

以下の内容で設定してください：

3-3. LIFF IDをコピーする

1. LIFFアプリの作成が完了すると、LIFF IDが表示されます
2. 形式：1234567890-xxxxxxxx
3. このIDをコピーして保存してください

ここまでで以下の3つが手元にあるはずです：

4-1. SalonOSにLINE情報を入力する

1. SalonOSアプリを開く
2. 「設定」→「LINE連携」を選択
3. 以下の情報を入力：
   • チャンネルアクセストークン：ステップ2-4で取得したもの
   • チャンネルシークレット：ステップ2-5で取得したもの
   • LIFF ID：ステップ3-3で取得したもの
4. 「保存」ボタンをタップ

4-2. LINE連携を有効化する

1. 「LINE連携を有効にする」スイッチをONにする
2. 有効化するとWebhook URLが表示されます
3. コピーボタンを使ってWebhook URLをコピーしてください

4-3. LINE DevelopersにWebhook URLを設定する

1. LINE Developers Console に戻る
2. Messaging APIチャンネル → 「Messaging API設定」タブを開く
3. 「Webhook設定」セクションで：
   • Webhook URLに、4-2でコピーしたURLを貼り付け
   • 「更新」をクリック
   • 「検証」ボタンで接続をテスト（「成功」と表示されればOK）
4. 「Webhookの利用」をオンにする

4-4. LIFFアプリのエンドポイントURLを更新する

1. LINE Developers Console で「LIFF」タブを開く
2. ステップ3で作成したLIFFアプリの「編集」をクリック
3. エンドポイントURLを以下の形式で入力：

4-5. LINE公式アカウントの応答設定

1. LINE Official Account Manager にアクセス
   https://manager.line.biz/
2. 対象のアカウント → 「設定」→「応答設定」
3. 以下のように設定してください：

5-1. Webhook接続テスト

1. LINE Developers Console のMessaging API設定を開く
2. Webhook URLの「検証」ボタンをクリック
3. 「成功」と表示されればOK

5-2. LIFF予約画面テスト

1. スマートフォンでLINEを開く
2. 以下のURLをLINEのトーク画面に貼り付けてタップ：
   https://liff.line.me/（あなたのLIFF ID）
3. 予約画面が表示されることを確認
4. メニュー選択 → スタッフ選択 → 日時選択 → 予約確認 の流れをテスト

5-3. リッチメニューに予約ボタンを設置する（推奨）

お客様が簡単に予約できるよう、リッチメニューに予約ボタンを設置しましょう。

1. LINE Official Account Manager → 「トークルーム管理」→「リッチメニュー」
2. 「作成」をクリック
3. テンプレートを選択し、デザインを作成
4. 予約ボタンのアクションを以下に設定：
   • タイプ：リンク
   • URL：https://liff.line.me/（あなたのLIFF ID）
5. 保存して公開