Shopify ストアへのメタログインを設定する | Shopify メタ SSO

前提条件：

セットアップを開始する前に、miniOrange がインストールされていることを確認してください。 ソーシャルログインアプリケーション。

ソーシャルログイン

ユーザーがメタ認証情報を使用してストアに SSO できるようにします

アプリケーションを追加

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

1. メタログイン用のカスタムアプリを構成する

• に行きます メタ開発者コンソール。 どちらでも 会員登録について or ログイン 既存のメタ開発者アカウントを使用してください。
• Meta Developers Console で、次の場所に移動します。 私のアプリ

• 以下を行うには、 アプリを作成する 新しいメタアプリの作成を開始します。

• 次のオプションを選択してください メタ ログインを使用してユーザーを認証し、データを要求する 下 ユースケースの追加 のセクションから無料でダウンロードできます。

• 適切なものを選択してください ログインタイプ をクリックし、以下のアクセスポリシーのセクションに進みます。 次へ ステップ。

• 希望を入力してください アプリ名 (例: "TestApp") と電子メール。次に、をクリックします アプリを作成

• アプリケーションが現在選択されているものであることを確認してください。 そうでない場合は、ドロップダウン メニューをクリックしてアプリケーションの名前を選択します。

• に行きます ユースケース サイドバーのセクションをクリックして、 カスタマイズ 下のボタン 認証とアカウントの作成

• 下 権限 セクションで、 追加 ボタン メール. 完了したら、 戻る。

• に移動します パブリッシュ サイドバーのセクション。

• ソフトウェアの制限をクリック アプリの設定に移動します をセットアップするための プライバシーポリシーのURL

• アプリケーションに関する情報に対応する値を入力します。以下の表を参照してください。

アプリドメイン	myshopify.com (独自のドメインをお持ちの場合は、ここにドメインを入力してください)
プライバシーポリシーのURL	プライバシー ポリシーの URL を入力してください
利用規約	利用規約の URL を入力してください
ユーザーデータの削除	ユーザーが自分のアカウントを削除する方法が記載されたページの URL を入力してください


• 下にスクロールしてクリックします プラットフォームを追加します。

• 選択する ウェブサイト 次に、をクリックします。 次へ。

• あなたは ウェブサイト ここのセクション。 Shopify サイトの URL を ウェブサイトのURL セクション。次に、変更を保存します 変更を保存

• MFAデバイスに移動する 公開。 サイドバーのセクション。

• あなたを完成させる ビジネス検証。 答える必要があります データ処理に関する質問 同じように。完了したら、 をクリックします パブリッシュ

• アプリが公開されたら、次の場所に移動します。 アプリの設定 >> Basic そしてコピーしてください アプリケーションID の三脚と アプリシークレット コピーしたデータは手元に保管しておいてください さらなる構成でそれを使用します。

2. miniOrange ソーシャル ログイン アプリケーションを構成する

• あなたに行く 買い物をする に移動します アプリ セクション。 クリックしてください miniOrange ソーシャル ログイン アプリケーション。

• にリダイレクトされます ソーシャルログインダッシュボード、 をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します Facebook

• 先ほどコピーしたものを貼り付けます アプリケーションID の三脚と アプリシークレット それぞれのセクションに移動します。クリックしてください 保存します。


アプリケーションID	アプリケーションID
アプリシークレット	アプリシークレット
対象領域	電子メール、パブリック_プロフィール

これで、miniOrange ソーシャル ログイン アプリケーションが正常に構成されました。 側面も同様に。

3. 4. 構成をテストする

• ソフトウェアの制限をクリック 構成のテスト ソーシャルログインダッシュボード。

• ウィンドウがポップアップし、すべての設定が正しいことを確認します。

• に行く ソーシャルログイン ダッシュボード、そして確認してください Facebookのトグルはオンになっています。 これにより、ユーザーにはログイン ページにボタンが表示されるようになります。

• あなたに行く Shopifyストア >> オンラインストア >> 部門 ソフトウェアの制限をクリック カスタマイズ 画像の通り。

• に行きます アプリの埋め込み セクションを作成し、 mOソーシャルログイン ウィジェット On

• 今、あなたは見ることができます Facebook ソーシャルログイン ボタンがログイン画面に表示されます。

Shopify 側の設定が完了しました。

miniOrange ソーシャル ログイン アプリケーションによって提供されるその他のカスタマイズ

エラーや問い合わせがある場合は、 こちら 他の人を見るために。