ShopifyストアへのTwitterログインを設定する – Shopify Twitterソーシャルログイン
概要
miniOrangeソーシャルログインアプリケーションを使えば、Shopifyストアへのログインが非常に簡単になります。このアプリケーションを使えば、Shopify Plusストアでも非Plusストアでも、ユーザーはTwitterアカウントを使って簡単にログインできます。Twitterソーシャルログインを有効にすると、ユーザーは好みの認証情報を使ってShopifyストアにアクセスできるようになります。複数のアカウントを作成する必要はなく、Twitterアカウントでログインできます。
ShopifyのTwitterログイン
Twitterは最も人気のあるソーシャルネットワーキングサイトであり、ユーザーはツイートを通じて情報、ニュース、最新情報などを交換できます。ほとんどの人がTwitterアカウントを持っており、ボタンをクリックするだけでストアにログインできます。登録フォームに記入する必要はありません。この利便性はすべてのユーザーに好評です。
Shopify顧客アカウントにSSOを設定する
TwitterをIDPとして使用してShopifyの顧客アカウントにシングルサインオン（SSO）を設定する場合は、ShopifyストアにminiOrangeシングルサインオン（SSO）アプリケーションをインストールする必要があります。
前提条件: Shopifyソーシャルログインアプリケーション
ShopifyでTwitterをIDPとして使用してSSOを設定するには、 ShopifyストアにminiOrange Social Loginアプリケーションをインストールする必要があります。
Shopifyにおけるソーシャルログインアプリケーションの仕組みについて詳しく知りたい場合は、こちらの動画をご覧ください。
構成手順
ShopifyストアでTwitterログインを有効にする手順ガイド
ステップ1: Twitterログイン用のカスタムアプリを構成する
- に行く Twitter 開発者コンソール Twitter の認証情報を使用してサインアップまたはログインします。
- 以下を行うには、 アプリを作成する
- まず アプリケーション環境 アプリケーションの種類に応じて異なります。
- 入力する 名前 アプリケーションの。
- に移動します 鍵とトークン セクション。 をコピーします APIキー 後で設定する際に使用するので、手元に置いてください。 アプリの設定.
- 以下を行うには、 タブの ユーザー認証設定 メニュー。
- 今、クリックしてください アプリ名 左側のメニューで サードパーティ認証を有効にする メールアドレスも取得したい場合は、 リクエストメールアドレス ユーザーオプションから。
- 入力する必要があります コールバックURL下の表からコールバック URL をコピーして、ここに貼り付けます。
| コールバックURL | https://shop.miniorange.com/social-login/openidcallback/twitter |
- さあ行く キーとトークン「キーの表示」をクリックします。Twitterログインに必要なAPIシークレットキーが表示されます。このAPIシークレットは後ほど設定で使用するので、コピーして手元に保管しておいてください。
ステップ2: Shopifyソーシャルログインアプリケーションを構成する
- Shopify ストアにアクセスします アプリ セクションを選択し、 miniOrange ソーシャル ログイン アプリケーション。
- にリダイレクトされます。 ソーシャル ログイン アプリケーションのダッシュボード。 選択 Twitter
- 先ほどコピーしたものを貼り付けます APIキー (NAIST) と APIシークレット 表に記載されているとおりです。
| APP ID | APIキー |
| アプリの秘密 | APIシークレット |
- 以下を行うには、 Save 認証情報を保存します。
- これで、miniOrange Social Login アプリケーション側も正常に構成されました。
ステップ3: 構成をテストする
- 詳しくはこちら 構成のテスト ソーシャルログインダッシュボード セットアップを検証します。
- 以下の画像に示すように、ウィンドウがポップアップ表示されます。
- に行く ソーシャルログインダッシュボード、 Twitter トグルを有効にすると、ログイン ページに Twitter ソーシャル ログイン ボタンが表示されます。
- あなたに行く Shopifyストア >> オンラインストア >> 部門 ソフトウェアの制限をクリック カスタマイズ 画像の通り。
- に行きます アプリの埋め込み セクションを作成し、 mOソーシャルログイン ウィジェット On
- これで、ログインページにTwitterソーシャルログインボタンが表示されます。
これで、Shopify ストアに Twitter ソーシャル ログインが設定されました。
その他のリソース
Get in Touch
shopifysupport@xecurify.comまでご連絡ください。弊社のチームがアプリケーションの設定をお手伝いいたします。また、お客様のご要望に応じて最適なソリューション／プランの選択もサポートいたします。
