We value your feedback. Please take a 1-minute survey to help us improve our Help Center. Click ‘Yes’ to participate.

Yes
  • Topic 主题 トピック Topic Topic
  • Sign in

Facebookアカウントを使用したユーザーログインの有効化

 

SHOPLINE では、ユーザーがFacebook アカウントでログインして、メールアドレスや電話番号の登録と並行して、ワンクリックでの迅速なチェックアウトが可能です。この機能を使用するには、ストアに Facebook アプリがインストールされている必要があります。Facebook アプリを作成する手順は別途ありますので、SHOPLINE 管理パネルで構成する前に、まず作成してください。

このガイドでは、Facebook でアプリを作成し、SHOPLINE 管理パネルで迅速なログインを有効にする手順をステップバイステップで説明します。

 

目次

 


 

Facebook アプリを作成して認証情報を取得する

このセクションでは、Facebook アプリを作成し、SHOPLINE ストアで Facebook ログインを有効にするために必要な App ID と App Secret を取得する手順を案内します。

 

Facebook アプリの作成 

  1. 個人アカウントを使用して Facebook for Developers にログインします。
    1.1.1.png

    注意: Meta for Developers アカウントをまだお持ちでない場合は、はじめる をクリックして、アカウントを作成する手順に従ってください。

 

  1. マイアプリ をクリックして、アプリ設定ページにアクセスします。
    1.1.2.png

  2. アプリを作成 をクリックします。
    1.1.3.png

  3. 「ユースケースの追加」ステップで、Facebook ログインでユーザーからデータを認証およびリクエスト を選択し、次へ をクリックします。
    1.1.4.png

  4. 「ログインタイプ」ページで、いいえ、ゲームを作成していません を選択し、次へ をクリックします。
    1.1.5.png

  5. 「アプリの詳細」ページで、希望のアプリ名と連絡用のメールアドレスを入力し、アプリを作成 をクリックします。
    1.1.6.png

 

アプリの権限とレビューの設定

  1. ダッシュボードページにアクセスし、Facebookログインボタンを追加するを選択します。
    1.2.1.png

  2. カスタマイズページで、Facebookログイン設定を見つけ、設定に移動をクリックします。
    1.2.2.png

  3. 次の機能を有効にして、クライアントOAuth設定を進めます:
    1.2.3.png
    • クライアントOAuthログイン
    • Web OAuthログイン
    • リダイレクトURIの厳密モードを使用
    • HTTPSを強制する
  1. ストアの有効なOAuthリダイレクトURIフィールドにストアのURLを入力します。
    1.2.4.png
    • ストアがhttps://www.xxx.comなどの固有のURLを使用している場合、次のURLをこのフィールドにコピーして貼り付けます:https://www.xxx.com/user/signIn そして"xxx"をストアのハンドルに置き換えます。
    • ストアがhttps://xxx.shoplineapp.comなどの無料のURLを使用している場合、次のURLをこのフィールドにコピーして貼り付けます:https://xxx.shoplineapp.com/user/signIn そして"xxx"をストアのハンドルに置き換えます。
      注意:ストアが固有のURLを使用しているか無料のURLを使用しているか確認できない場合は、ストアのホームページに移動してURLを単純にコピーしてください。
  1. セットアップを完了したら、変更を保存をクリックします。
    注意:送信後、リダイレクトURIの厳密モードが有効になっていることを再確認し、必要に応じて再度保存してください。


  2. アプリのカスタマイズページに戻り、権限メールを見つけます。 追加をクリックしてアプリがユーザーのメールにアクセスする許可を付与します。
    1.2.6.png

  3. (オプション) より厳しいログイン要件を適用したい場合は、アプリをレビューに提出します。 レビューテストおよび/または 検証に移動して、指示に従ってテストと企業の検証手順を完了します。
    1.2.7.png

 

基本設定の構成と資格情報の取得

  1. ストア情報に基づいて、アプリ設定 > 基本 に必要事項を記入してください。
    1.3.1.png
    注意: プライバシーポリシーURL欄に、SHOPLINEの公式URLではなく、ストア固有のプライバシーポリシーURLを入力してください。

 

  1. 入力が完了したら、アプリIDアプリシークレット をコピーしてください。これらは、SHOPLINE管理パネルでFacebookログイン設定を完了する際に必要です。
    1.3.2.png

 


 

管理パネルでFacebookログインを有効にする

 

SHOPLINE管理手順

  1. SHOPLINE管理パネルで、設定 > ユーザーアカウントに移動します。
    2.1.1.png

  2. "クラシックユーザーアカウント"セクションの下にあるサードパーティーアカウントを介してサインインを見つけ、編集をクリックしてください。
    2.1.2.png

  3. Facebookログインオプションで、リンクをクリックしてください。
    2.1.3.png

  4. コピーしたアプリIDアプリシークレット をポップアップウィンドウに入力し、保存をクリックしてください。
    2.1.4.png

おめでとうございます!設定が完了しました。今後はストアでこの機能をテストしてください。

 

Facebookログインのテスト

ストアのサインアップ/ログインページにアクセスし、Facebookサインアップ/ログインアイコンをクリックしてください。これにより、顧客がFacebookアカウントにログインし、アプリに承認を与えるよう促されます(アプリ名とアイコンが表示されます)。
2.2.1.png

注意: ログイン機能を使用するためには、顧客がFacebookプロフィールへのアクセスを許可する必要があります。

 

他にご質問がございましたら、リクエストを送信してください

コメント