カカオをセットアップする Shopify ストアにログイン | Shopify カカオ SSO

前提条件：

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

ソーシャルログイン

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

アプリケーションを追加

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

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

• に行きます カカオ開発者コンソール。 どちらでも ユーザー登録 or ログイン 既存のカカオ開発者アカウントで。ページを英語で表示したい場合は、ページを翻訳できます。
• カカオ開発者コンソールで、をクリックします。 アプリケーションの追加(애플리케이션 추가하기)

• ソフトウェアの制限をクリック アプリケーション (애플리케이션 추가하기) を追加します。 を追加してアプリをカスタマイズします アイコン (앱 아이콘)を入力して、 アプリ名 (앱 이름) (例: TestingApp)、および 会社名 (사업자명)。ポリシーを確認し、次のことを確認してください チェックボックスをクリックします。今すぐクリックしてください Save

• セットアップボタンをクリックすると、セットアップが開始されます アプリケーション名 アプリに割り当てました。たとえば、このガイドでは、アプリケーションは TestingApp と呼ばれています。

• MFAデバイスに移動する プラットフォーム (플랫폼) サイドバーのセクション。クリック Web プラットフォーム登録 (Web 플랫폼 등록) 下 ウエブサイト セクション。

• 入力する サイトドメイン (사이트 도메인) をクリックして変更を保存します。 [Save]（保存）

• サイトドメイン

  https://testshop.myshopify.com (独自のドメインをお持ちの場合は、ここにドメインを入力してください)


• 保存するとすぐに見ることができます 登録に移動 (등록하러 가기) 下のオプション ウェブ。 ソフトウェアの制限をクリック 登録に進みます。

• にリダイレクトされます カカオログイン (카카오 로그인) 下 製品設定 (제품 설정) セクション。 クリック リダイレクトURIの登録 (リダイレクトURI 등록)

• コピー URIをリダイレクトする 以下の表から取得し、それをリダイレクト URI セクションに貼り付けます。クリック [Save]（保存）

リダイレクトURL

https://shop.miniorange.com/social-login/openidcallback/kakao


• アクティベーション設定(활성화 설정)に表示されるカカオログインの状態(상태)を有効にします。

• MFAデバイスに移動する 製品設定(제품 설정) >> カカオログイン(카카오 로그인) >> 協定事項(동의항목) サイドバーにあります。 下 プライバシー (개인정보) セクションで、 をクリックします 設定 (사용 안함) of プロフィール_ニックネーム

• 選択 必要な同意 (동의 단계)入力してください 同意の目的 (동의 목적) クリックして 保存します。

• 設定を行うには プロフィール画像 をクリックしてください 設定 (사용 안함) of プロフィール画像

• 選択 必要な同意 (동의 목적 [필수])入力してください 同意の目的 (동의 목적) クリックして 保存します。

• ソフトウェアの制限をクリック アプリキー (앱 키) 左側のメニューから。をコピーします REST API キー (REST API 키) このページから。コピーしたキーは今後の構成で使用するので、手元に置いておいてください。

• MFAデバイスに移動する Security（セキュリティ） 左側のサイドバーのセクション。クリック コード生成。

• 生成されたものをコピーします コード (코드) 今後の構成で使用するので、手元に保管してください

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

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

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

• 先ほどコピーしたものを貼り付けます 残りの API キー & Code それぞれのセクションに移動します。クリックしてください 保存します。


アプリケーションID	残りの API キー
アプリシークレット	Code
対象領域	プロフィール、アカウントメールアドレス

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

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

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

• すべての設定が正しいことを確認するウィンドウが表示されます。

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

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

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

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

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

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