GoogleとのSNS連携

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連携は完了です。

最終更新