Yahoo!とのSNS連携

Yahoo!側での設定

Yahoo!デベロッパーネットワークのサイトにログインを行い、プロジェクトの作成を行います。

下のURLからログインを行ってください。

アプリケーションの管理：Yahoo!デベロッパーネットワーク

ログインを行うと下の画像のような画面が表示されます。

[新しいアプリケーションを開発]を選択してください。

アプリケーション情報の入力を行います。

下の表の通り設定を行ってください。

タイトル	詳細
ID連携利用有無	ID連携を利用する
アプリケーションの種類	サーバーサイド
利用者情報	個人
メールアドレス	ログインを行っている場合「設定済み」と表示されます。
個人情報提供先としてユーザーへ開示することに同意しますか？	同意する
代表者氏名/氏名	任意の氏名を入力してください。
契約者住所の国または地域	登録を行う施設様の任意の国・地域を入力してください
契約者住所	登録を行う施設様の任意の住所を入力してください
アプリケーション名	任意の名称を入力してください。
サイトURL	サイトのURLにパラメーター「?tripla_booking_widget_open=signUp」を付けた状態のものを入力してください。
プライバシーポリシーURL	プライバシーポリシーURLを入力してください。
利用規約URL	利用規約URLを入力してください。
利用規約、ガイドラインおよびプライバシーポリシーに同意しますか？	[同意する]を選択してください。

入力が完了したら、[確認]を選択し登録を行ってください。

登録を行うと、Client ID・シークレットが発行されます。

[アプリケーションの管理トップへ]を選択します。

[アプリケーション一覧]から作成したアプリケーションの[編集]ボタンを選択します。

コールバックURLの設定を行います。

４点のURLの記載を行ってください。

タイトル	詳細
サブドメインを利用している場合	・サブドメインを利用したURL/sso/custom/callback ・サブドメインを利用したURL/sso/custom/callback/ ・https://bw.tripla.ai/sso/custom/callback/ ・https://bw.tripla.ai/sso/custom/callback
サブドメインを利用していない場合	・施設のURL/sso/custom/callback ・施設のURL/sso/custom/callback/ ・https://bw.tripla.ai/sso/custom/callback/ ・https://bw.tripla.ai/sso/custom/callback

tripla管理画面での設定

[設定]→[ウィジェット設定]を選択します。

[ログイン表示設定]を選択します。

シングルサインオン（SSO）設定のトグルスイッチをONにすると下の画像のような画面が表示されます。

[+SSOを追加する]から、カスタムを選択します。

カスタムを選択すると下の画像のような画面が表示されます。

以下の表のように設定を行ってください。

tripla管理画面での表記	設定内容
タイトル	お客様画面に[タイトル]でログインと表示されます。
ドキュメントURL	ドキュメントURLは、OpenIDプロバイダーの設定情報をJSON形式で提供するURLを指します。この情報は、クライアントがOpenIDプロバイダーとやり取りするために必要な各種のエンドポイントやサポート情報を含みます。
レスポンスタイプ	code・id_tokenの二種類から選択してください。
IdP URL	施設様で利用しているIdP URL
クライアントID	Yahoo!で作成したClient ID
シークレットトークン	Yahoo!で作成したシークレット
ロゴをアップロード	お客様画面に表示されるログインボタンの左端に表示されるロゴのアップロード
ボタンの色　背景色	お客様画面に表示されるログインボタンの背景色を選択する事が可能です。
ボタンの色　テキストカラー	お客様画面に表示されるログインボタンのテキストカラーを選択する事が可能です。

設定が完了すると会員登録画面に下の画像のように表示されます。