の検索結果 :

×

Facebook を IDP として使用する Shopify の OAuth シングル サインオン (SSO) | Shopify Facebookでログイン


Shopify と Facebook の統合により、顧客は ID プロバイダーとして Facebook を使用してストアにログインできるようになります。 ここで、Facebook は、miniorange を ID ブローカーとして使用して、Shopify SSO アプリケーションの OAuth プロバイダーとして機能します。 このガイドでは、最も簡単な方法で Facebook シングル サインオン (SSO) ソリューションを Shopify ストアに実装する方法を説明します。

Facebook シングルサインオン (SSO) アプリケーション向け miniOrange は、アプリケーション向けにすぐに使用できるソリューションを提供します。 このソリューションにより、数分以内に Facebook を使用してアプリケーションへの安全なアクセスを展開する準備が整います。

前提条件: シングル サインオン - SSO アプリケーション

Facebook を IDP として使用して Shopify に SSO を設定するには、Shopify ストアに miniOrange シングル サインオン - SSO アプリケーションをインストールする必要があります。

miniOrange は、Shopify ストア (プラス ストアと非プラス ストアの両方) への安全なシングル サインオン (SSO) アクセスを提供します。

Facebook を使用した Shopify ストアでのシングル サインオンのステップバイステップ ガイド

1. Facebook で miniOrange をサービス プロバイダー (SP) として構成する

  • まず、Facebook 開発者コンソールにログイン/サインアップします。 https://developers.facebook.com/

    OAuth/OpenID/OIDC シングル サインオン (SSO) Facebook SSO 開発者コンソール
  • に行く 私のアプリ。

    OAuth/OpenID/OIDC シングル サインオン (SSO) Facebook SSO 新しいアプリを追加
  • ソフトウェアの制限をクリック アプリを作成する。 新しいアプリを作成します。

    OAuth/OpenID/OIDC シングル サインオン (SSO) Facebook SSO 新しいアプリを追加
  • アプリが何のために機能するかを選択します。

  • OAuth/OpenID/OIDC シングル サインオン (SSO) Facebook SSO 新しいアプリを追加
  • 必要事項を入力してクリック アプリを作成します。

    OAuth/OpenID/OIDC シングル サインオン (SSO) Facebook SSO 新しいアプリを追加
  • セキュリティチェックを完了して、 をクリックします 送信

    OAuth/OpenID/OIDC シングル サインオン (SSO) Facebook SSO 新しいアプリを追加
  • 選択 フェイスブックログイン セットアップボタンをクリックしてください。

    OAuth/OpenID/OIDC シングル サインオン (SSO) Facebook SSO ログイン設定
  • 選択 Facebook ログイン -> 設定 ナビゲーション バーの [製品] オプションの下にあります。

    OAuth/OpenID/OIDC シングルサインオン (SSO) Facebook SSO ログイン設定
  • 取得するため リダイレクトURL:

    • Shopify ストアに移動し、 アプリ タブを選択して シングル サインオン - SSO ログイン アプリケーション。
    • Shopify アプリセクション - シングルサインオンアプリケーション
    • セットアップボタンをクリックすると、セットアップが開始されます IDPのセットアップ ナビゲーションバーの左上にあるボタン。
    • Shopify のシングル サインオン (SSO) (プラスおよび非プラス)、シングル サインオン (SSO) を有効にするための IDP の構成
    • 左側のナビゲーションバーから選択します ID プロバイダー.

      Facebook を使用した Shopify SSO - ID プロバイダーの追加
    • コピー コールバックURL as リダイレクトURL 次のステップに必要です。

      Facebook を使用した Shopify sso - OAuth を選択します
  • クライアントOAuth設定にコールバック/リダイレクト URL を入力します。 有効な OAuth リダイレクト URI 分野。 「保存」ボタンをクリックして構成を保存します。
    最も重要なことは、あなたの コールバック/リダイレクト URI でなければなりません HTTPS そうではない HTTP。 Facebook を OAuth サーバーとして構成する場合、これは必須です。

    OAuth/OpenID/OIDC シングル サインオン (SSO) Facebook SSO クライアントの oauth 設定

  • に行く 設定 >> 基本 あなたを表示するには アプリID & アプリシークレット (下の画像を参照してください)。 これらは後の手順で使用するため、手元に置いておいてください。

    OAuth/OpenID/OIDC シングルサインオン (SSO) Facebook SSO クライアント oauth 基本設定
  • プライバシー ポリシーの URL を入力します。 プライバシーポリシーのURL フィールドを選択し、「カテゴリ」フィールドのドロップダウンからカテゴリを選択します。 次に、 をクリックします 変更を保存 ボタンをクリックして設定を保存します。
  • アプリのステータスを次から変更します 開発中 〜へ ライブ 下の画像に示すように、「オフ」をクリックしてください。 次に、 をクリックします 空室状況 ステータスの変更を確認します。
  • OAuth/OpenID/OIDC シングル サインオン (SSO) Facebook SSO 変更ステータス
  • Facebook アプリ側の設定が正常に完了しました。

2. Shopify で Facebook を OAuth 2.0 プロバイダーとして構成します。

  • もう一度、Shopify ストアに移動し、 アプリ タブを選択して シングル サインオン - SSO ログイン アプリケーション。
  • Shopify アプリセクション - シングルサインオンアプリケーション
  • セットアップボタンをクリックすると、セットアップが開始されます IDPのセットアップ ナビゲーションバーの左上にあるボタン。
  • Shopify のシングル サインオン (SSO) (プラスおよび非プラス)、シングル サインオン (SSO) を有効にするための IDP の構成
  • 左側のナビゲーションバーから選択します SSO の構成 をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します IDプロバイダーの追加
  • Shopify - miniorange sso アプリケーション - OAuth 2.0 の選択
  • に行く OAuth 2.0 タブをクリックし、IDP 名を選択します。 Facebook をドロップダウンから選択します。
  • Shopify - miniorange sso アプリケーション - OAuth 2.0 の選択
  • 次の値を入力します。

    アプリ名 Facebook
    アプリの表示名 適切な名前を選択してください
    顧客ID ステップ1から
    クライアントシークレットID ステップ1から
    対象領域 public_profile メールアドレス
Shopify 側の構成が正常に完了しました。

3. ユーザー属性のマッピング

ID プロバイダーからの属性を Shopify ストアの顧客プロファイルにマッピングできます。


  • MFAデバイスに移動する シングル サインオン - SSO アプリケーション 管理者ダッシュボードから。
  • 下にスクロールします 属性マッピング セクション。
  • Shopify シングル サインオン (SSO) - Shopify ストアをログイン ユーザーに制限します
  • 入力する & 苗字 以下の表を参照して属性値を決定します。

  • ファーストネーム ファーストネーム
    苗字 苗字
  • Save あなたの設定。

4. Shopify ストアの SSO をテストする

  • Shopify ストアのログイン ページに移動します。(https:// /アカウント/ログイン)
  • セットアップボタンをクリックすると、セットアップが開始されます ログインボタン 先ほどカスタマイズしました。
  • プロジェクトの Google Oauth プロバイダーを選択します
  • 前の手順で構成した IDP のログイン ページにリダイレクトされます。 IDP アカウントの資格情報を使用してログインします。
  • Shopify ストアに正常にログインします。
したがって、Shopify での IDP としての Facebook の構成は正常に完了しました。

トラブルシューティング

無効なリクエスト

これは、プライマリ ドメインが Shopify ドメインとは異なるためである可能性があります。 プライマリ ドメインを確認して SSO を機能させるには、次の手順に従います。 ページ をご覧ください

shopify_plan_期限切れ

この問題は、次のいずれかの場合に発生します。 開発プランの試用期間が終了しました。 または、あなたの計画がそうでない場合は、 自動更新 Shopify側から。 お問い合わせ先 shopifysupport@xecurify.com プランのアップグレードの問題を解決し、 SSO – シングルサインオン 応用。

無効な属性を受信しました

Shopify ではアカウント作成およびログイン操作に電子メールが必須のエンティティであるため、この場合シングル サインオンは成功しません。 このエラーを解決するには、以下に従ってください ページ をご覧ください

エラーが発生しました

SSO を実行すると、「Shopify アプリがインストールされているかどうかを確認してください」エラーが表示されます。 このエラーを解決するには、以下に従ってください ページ をご覧ください

エラーまたはクエリがここにリストされていない場合は、 こちら 他の人を見るために。


よくある質問(FAQ)


手順に従って IdP を設定しましたが、SSO はどこで確認できますか?

説明されている手順に従ってください ページ をご覧ください 優先 IDP を使用して Shopify で SSO を設定します。

Shopify SSO アプリケーションをインストールしました。 「SETUP IDP」オプションをクリックしましたが、何も開きませんでした。

他のサイトへのリダイレクトはブラウザーでブロックされる可能性があります。 指定された手順に従ってください こちら 問題を解決する。

SSO を実行しようとすると、「不正なアプリ構成」ページにリダイレクトされ、その後試行すると、次のページにリダイレクトされます。 https://store.xecurify.com/moas/login ページで見やすくするために変数を解析したりすることができます。

シングル サインオン - SSO アプリケーションを開いたとき、またはアプリケーションの構成ポータルにアクセスしたときと同じブラウザの別のタブで SSO を実行しようとしている可能性があります。 この場合、セキュリティ上の理由により SSO が制限されます。
実行してみてください シングルサインオン 新しいシークレット/プライベート ウィンドウ またはで 別のブラウザ SSO を機能させるために。

SSO を実行した後、顧客がコレクションまたは割引オファーのページにリダイレクトされるようにしたいと考えています。

説明されている手順に従ってください ページ をご覧ください 顧客をコレクション/カートまたはその他のページにリダイレクトします。

好みの ID プロバイダーを選択して、すぐに Shopify の SSO の設定を開始してください



見つからないものをお探しの場合は、メールでお問い合わせください。 shopifysupport@xecurify.com.

こんにちは!

助けが必要? 私たちはここにいます!

サポート
miniOrange サポートにお問い合わせください
成功

お問い合わせありがとうございます。

24 時間以内に当社からのご連絡がない場合は、お気軽にフォローアップ メールを送信してください。 info@xecurify.com