GoogleとのSNS連携

Google側での設定

Googleクラウドのサイトにログインを行い、プロジェクトの作成を行います。

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

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

国・利用規約・電子メールの送信について確認を行い、[同意します]を選択します。

[プロジェクトを選択]→[新しい計画]を選択します。

プロジェクト名・位置を設定し、[保存]を選択します。

OAuth 同意画面の設定

[APIとサービス]→[OAuth 同意画面]を選択します。

OAuth 同意画面からUser Typeを外部に設定し[作成]を選択します。

[作成]を選択すると下の画像のような画面が表示されます。

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

設定が完了したら[保存して次へ]を選択します。

スコープの設定画面が表示されます。

[スコープを追加または削除]を選択します。

フィルタの中から以下の3つのチェックボックスにチェックを入れます。

・Google アカウントのメインのメールアドレスの参照

・ユーザーの個人情報の表示（ユーザーが一般公開しているすべての個人情報を含む）

・Google で公開されているお客様の個人情報とお客様を関連付ける

設定が完了したら[保存して次へ]を選択します。

テストユーザーの設定画面が表示されます。

テストを行い、アプリの動作確認を行う場合はユーザーの追加を行ってください。

設定が完了したら[保存して次へ]を選択します。

概要が表示されます。

内容に間違いがない事を確認し、[ダッシュボードに戻る]を選択してください。

[ダッシュボードに戻る]を選択すると登録した詳細を確認する事が可能です。

認証情報の設定

認証情報の設定を行います。

画面左側のメニューから[認証情報]を選択します。

[＋認証情報を作成]→[OAuthクライアントID]を選択します。

アプリケーションの種類から[ウェブアプリケーション]を選択します。

OAuth クライアント ID の作成を行います。

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

設定が完了したら[保存]を選択します。

作成を行うとOAuth クライアント IDの一覧に作成した認証情報が表示されます。

選択すると詳細を確認する事が可能です。

クライアントID・クライアントシークレットを確認し、tripla管理画面に登録を行います。

tripla管理画面での設定

ブランド管理画面の[管理者設定]→[シングルサインオン(SSO)設定]を選択します。

シングルサインオン設定をONにし、[SSOを追加する]から[カスタム]を選択します。

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

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

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

こちらでGoogleとのSNS連携は完了です。