Shopify ストアの Twitter ソーシャル ログイン – Shopify ソーシャル ログイン

前提条件：

ソーシャルの設定を始める前に Shopify ストアにログインしてください。 miniOrange ソーシャル ログイン アプリをインストールしました。

ソーシャルログイン

ユーザーがソーシャル ネットワーキング アプリケーションの資格情報を使用してストアにソーシャル ログインできるようにします

アプリケーションを追加

Shopify ストアで Twitter ソーシャル ログインを有効にするためのステップバイステップ ガイド

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

 Twitter ソーシャル ログインを構成する

• に行く Twitter 開発者コンソール Twitter の認証情報を使用してサインアップまたはログインします。
• セットアップボタンをクリックすると、セットアップが開始されます アプリを作成する

• 現在地に最も近い アプリケーション環境 アプリケーションのタイプに応じて。

• 入力する 名前 アプリケーションの。

• に移動します 鍵とトークン セクション。 をコピーします APIキー 今後使用するので、手元に置いておいてください 構成。今すぐクリックしてください アプリの設定.

• セットアップボタンをクリックすると、セットアップが開始されます タブの ユーザー認証設定 メニュー。

• 今、クリックしてください アプリ名 左側のメニューで サードパーティ認証を有効にする メールアドレスも取得したい場合は、忘れずに有効にしてください。 リクエストメールアドレス ユーザーオプションから。

• 入力する必要があります コールバックURL。以下の表からコールバック URL をコピーし、ここに貼り付けます。

• コールバックURL

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


• さあ行く キーとトークン。 「キーの表示」をクリックします。 Twitter でのログインを可能にする API シークレット キーは次のとおりです。 API シークレットをコピーして手元に保管してください 以降の構成で使用するためです。

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

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

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

• 先ほどコピーしたものを貼り付けます APIキー & APIシークレット 表に記載されているとおりです。
  

  APP ID	APIキー
  アプリの秘密	APIシークレット


• セットアップボタンをクリックすると、セットアップが開始されます Save 認証情報を保存します。
• これで、miniOrange Social Login アプリケーション側も正常に構成されました。

3. 構成をテストする

• クリック 構成のテスト ソーシャルログインダッシュボード セットアップを検証します。

• 以下の画像に示すように、ウィンドウがポップアップ表示されます。

• に行く ソーシャルログインダッシュボード、 そして有効にする Twitter を切り替えて Twitter ソーシャルを表示します ログインページのログインボタン。

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

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

• ログイン ページに Twitter ソーシャル ログイン ボタンが表示されていることがわかります。


Shopify Web サイトの Twitter ソーシャル ログインが正常に設定されました。




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