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

Googleでのログインを有効にする

 

メールを使用してメンバー登録することに加えて、SHOPLINEではお客様がGoogleアカウントを使用してログインするオプションも提供しており、これによりお客様はストアに簡単かつ迅速に登録またはログインすることができます。

ワンクリックでGoogleアカウントにログインする機能はGoogleによって開発され、その実装にはGoogle CloudからクライアントIDとクライアントシークレットを取得する必要があります。設定を行う前にGoogle Cloudで事前処理を完了する必要があります。設定プロセスはかなり長いため、お待ちいただき、ステップを慎重に守って進めてください。画面が説明と一致しない場合やエラーが発生した場合は、スクリーンショットを撮影して、SHOPLINE管理パネルのオンラインコンサルタントに提供して追加の支援を受けてください。

 

目次

 


 

ステップバイステップガイド

Googleでのログインを有効にするには、Google CloudからクライアントIDとクライアントシークレットを取得し、それをSHOPLINE管理パネルに追加する必要があります。以下のステップに従ってください。

  1. Google CloudからクライアントIDとクライアントシークレットを取得します。 https://console.cloud.google.com を開き、Googleアカウントにログインします。
  2. メインパネルから、画面の左上にあるプロジェクトリストに移動し、プロジェクトを作成 をクリックします。
    2.1.png
    2.2.png
  3. プロジェクト名を入力し、プロジェクトの親組織またはフォルダを選択し、作成 をクリックします。
    3.png
  4. APIとサービスOAuth同意画面 に移動し、ユーザータイプとして 外部 を選択して 作成 をクリックします。
    4.png
  5. システムはアプリ登録の編集ページにリダイレクトされます。ここで、アプリ名ユーザーサポートメール開発者連絡先情報を入力します。その後、ページ下部の保存して続行 をクリックします。
    5.png
  6. (オプション) スコープ ページでスコープを追加または削除し、保存して続行 をクリックします。
    6.png
  7. (オプション) テストユーザー ページにユーザーを追加し、保存して続行 をクリックします。
  8. 構成の概要 ページで設定を完了し、ダッシュボードに戻る をクリックします。
    8.png
  9. 資格情報資格情報を作成OAuthクライアントID に移動します。
    9.png
  10. アプリケーションの種類Webアプリケーション を選択します。
  11. 承認済JavaScriptオリジン の下に、URL の下にドメイン名を入力します。これはストアの管理パネルのURLです。

11.png

  1. 承認済リダイレクトURI の下に、ストアのログインページの URL を入力します。
  • ストアのログインリンク: ストアのドメインに "/user/signIn" を追加します。例:
    • ストアのリンクが: https://abcd.myshopline.com
    • ストアのログインリンク: https://abcd.myshopline.com/user/signIn
  • ストアにカスタムドメインを構成している場合は、カスタムドメインに "/user/signIn" を追加します。例:
    • カスタムドメインが: https://abcd.wxyz.com

    • ストアのログインリンク: https://abcd.wxyz.com/user/signIn
  1. 「作成」をクリックします。
  2. クライアントIDクライアントシークレットを取得します。ここでのクライアントIDクライアントシークレットは、SHOPLINE管理パネルのポップアップウィンドウ内のアプリIDアプリシークレットに対応しています。
    14.png
  3. OAuth同意画面タブに移動し、公開ステータス公開に変更するためにアプリを公開をクリックし、ポップアップウィンドウで確認をクリックします。
    15.png
  4. 上記の手順を完了すると、クライアントIDクライアントシークレットが設定されます。次に、Googleから取得したクライアントIDクライアントシークレットをSHOPLINE管理パネルに入力する必要があります。SHOPLINE管理パネルから、設定ユーザーアカウントサードパーティーアカウントを介してサインインに移動します。
  5. Googleログインセクションで、リンクをクリックし、ポップアップウィンドウにGoogle Cloudから取得したクライアントIDクライアントシークレットを入力し、アプリIDアプリシークレットを入力します。 保存をクリックした後、Googleログインセクションにはリンク済みのステータスが表示されます。
    17.1.png
    17.2.png
  6. おめでとうございます。上記の手順を完了すると、お客様はGoogleアカウントを使用してストアにログインできるようになります。
他にご質問がございましたら、リクエストを送信してください

コメント