Shopify ストアへの Google ログインのセットアップ – Shopify Google ソーシャルログイン

概要

その miniOrange ソーシャルログインアプリケーション Shopifyストアへのログインが簡単になります。このアプリケーションを使えば、ユーザーはすぐに Googleのアカウント サインインするには、 Shopify Plusまたは非PlusストアGoogleソーシャルログインを有効にすると、ユーザーは好みの認証情報を使ってShopifyストアにアクセスできるようになります。ユーザーは複数のアカウントを作成する必要がなく、Googleアカウントを使ってログインできます。これにより、高いセキュリティとShopifyストアへのシームレスなアクセスが確保されます。

ソーシャルログインはどのように機能しますか?

ソーシャルログインのプロセスは非常にシンプルです。ユーザーはウェブサイトにアクセスし、ログインしたいソーシャルログインプロバイダーを選択します。ソーシャルネットワークプロバイダーのサイトで詳細情報を入力します。ソーシャルプロバイダーによる認証プロセスが完了すると、ユーザーはWordPressウェブサイトの使用を開始できます。新規ユーザーの場合は登録済み、既存ユーザーの場合はログイン済みとなります。

アプリをダウンロード

料金プラン

Shopify顧客アカウントにSSOを設定する

GoogleをIDPとして使用してShopify顧客アカウントにシングルサインオン（SSO）を設定する場合は、提供されているガイドに従ってください。こちら.

前提条件: Shopifyソーシャルログインアプリケーション

GoogleをIDPとしてShopifyにSSOを設定するには、 miniOrange ソーシャルログイン Shopify ストア上のアプリケーション。

ご確認ください＞ビデオShopify でのソーシャルログインアプリケーションの動作について詳しくは、こちらをご覧ください。

構成手順

Shopify ストアで Google ログインを有効にするためのステップバイステップガイド

ステップ1: Googleログイン用のカスタムアプリを構成する

Video Cloud Studioで Google 開発者コンソール、 Google 開発者アカウントでサインアップまたはログインします。
Google Developers Console で、 プロジェクトを選択します。

Google Shopify SSOを使用したソーシャルログインの設定ガイド - Google Developer Console

以下を行うには、 新規プロジェクト 新しい Google Apps プロジェクトを作成します。

Google Shopify SSOを使用したソーシャルログインの設定ガイド - 新しいGoogle Appsプロジェクト

入力します プロジェクト名 (例: TestApp) および ロケーション、 をクリックします。 作成します。

画像のように、ドロップダウンでプロジェクトが選択されていることを確認してください。選択されていない場合は、ドロップダウンメニューを開いてプロジェクトを表示してください。先ほど作成したプロジェクト（この場合は「TestApp」）を選択してください。

に移動します OAuth同意画面 サイドバーに。

必ず選択してください外部ユーザータイプ >> 作成します。

アプリケーションを入力して画面を構成します名前好きな名前にすることができます。例えば「SocialLogin」としましょう。 ユーザーサポートメール。

ソーシャルログインを使用した設定ガイド - アプリケーション名を入力して画面を設定します

承認済みドメインに挿入しますミニオレンジ.com。記入してください 開発者の連絡先情報。 次にクリック 保存して続行。

に進む Credentials サイドバーにある

Google認証情報を使用したソーシャルログインの設定ガイド - 認証情報サイドバーに進みます

ソフトウェアの制限をクリック 認証情報を作成し、 をクリックして OAuthクライアントID。

選択 ウェブアプリケーション として アプリケーションタイプ

ソーシャルログインの設定ガイド - アプリケーションタイプをWebアプリケーションとする

の名前をカスタマイズできます。 ウェブクライアント。 承認済みリダイレクトURIを追加する

作成セッションプロセスで 承認されたリダイレクトURI 〜へ https://shop.miniorange.com/social-login/openidcallback/google. ソフトウェアの制限をクリック 創造する

OAuthorized リダイレクト URL を使用したソーシャルログインの設定ガイド

生成されたものをコピーします 顧客ID (NAIST) と クライアントシークレット以降の手順で使用します。

ソーシャルログインの設定ガイド - 生成されたクライアントIDとクライアントシークレット

したがって、Google ログイン用のカスタムアプリが構成されました。

ステップ2: Shopifyソーシャルログインアプリケーションを構成する

Shopify ストアにアクセスします アプリ セクションを選択し、 miniOrange ソーシャルログインアプリケーション。

Google Shopifyシングルサインオンを使用したソーシャルログインの設定ガイド

にリダイレクトされます。 ソーシャルログインアプリケーションのダッシュボード。 選択 グーグル。

IDP として Google - Shopify を使用したソーシャルログインのセットアップガイド

先ほどコピーしたものを貼り付けます 顧客ID (NAIST) と クライアントシークレット 表に記載されているとおりです。

アプリケーションID	顧客ID
アプリシークレット	クライアントシークレット
対象領域	メールアドレス+プロフィール