FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

Re: マルチパスログイン後の挙動について

解決済

マルチパスログイン後の挙動について

r-irisawa
Shopify Partner
13 0 2

https://shopifyshopify.dev/docs/api/multipass#step-6-redirect-your-customer-to-your-shopify-store

↑で

 

/account/login/multipass/insert_token_here

にリダイレクトが完了することでログインが完了しアカウントページへ遷移しますが、

このアカウントページへの遷移をフロント側で制御することは可能でしょうか?

※公式のドキュメントにもそのような記述が見当たらなかったので

 

実現したいことは、マルチパスログイン完了後に任意のページへとリダイレクトさせたいです。

よろしくお願いいたします。

 

 

1 件の受理された解決策

NIIGAKI_HYUGA
Shopify Partner
54 24 16

成功

@r-irisawa 

初めまして。新垣です。

 

任意のページへのリダイレクトはjsonペイロード内のreturn_toフィールドで制御できます。

// example containing some oprional fields
{
  "email": "nicpotts@example.com",
  "created_at": "2013-04-11T15:16:23-04:00",

  "first_name": "Nic",
  "last_name": "Potts",
  "tag_string": "canadian, premium",

  "identifier": "nic123",
  "remote_ip": "107.20.160.121",
  "return_to": "http://yourstore.com/some_specific_site", // ここで遷移先を指定

  "addresses": [{
    "address1": "123 Oak St",
    "city": "Ottawa",
    "country": "Canada",
    "first_name": "Nic",
    "last_name": "Potts",
    "phone": "555-1212",
    "province": "Ontario",
    "zip": "123 ABC",
    "province_code": "ON",
    "country_code": "CA",
    "default": true
  }]
}

 

multipass以外からの顧客ログインは、下記のようにして制御できるそうです。

{% form 'customer_login' %}
...
  <input type="hidden" name="return_to" value="/your-desired-path">
...
{% endform %}

 

以上、参考になりましたら幸いです。

Freelance Solution Engineer | 新垣
JavaScript Liquid Theme, React Remix App
投稿は参考になりましたか?「いいね!」でお教えください。
解決しない場合、個別に対応も可能ですのでプロフィールからお気軽にメッセージください

元の投稿で解決策を見る

2件の返信2

NIIGAKI_HYUGA
Shopify Partner
54 24 16

成功

@r-irisawa 

初めまして。新垣です。

 

任意のページへのリダイレクトはjsonペイロード内のreturn_toフィールドで制御できます。

// example containing some oprional fields
{
  "email": "nicpotts@example.com",
  "created_at": "2013-04-11T15:16:23-04:00",

  "first_name": "Nic",
  "last_name": "Potts",
  "tag_string": "canadian, premium",

  "identifier": "nic123",
  "remote_ip": "107.20.160.121",
  "return_to": "http://yourstore.com/some_specific_site", // ここで遷移先を指定

  "addresses": [{
    "address1": "123 Oak St",
    "city": "Ottawa",
    "country": "Canada",
    "first_name": "Nic",
    "last_name": "Potts",
    "phone": "555-1212",
    "province": "Ontario",
    "zip": "123 ABC",
    "province_code": "ON",
    "country_code": "CA",
    "default": true
  }]
}

 

multipass以外からの顧客ログインは、下記のようにして制御できるそうです。

{% form 'customer_login' %}
...
  <input type="hidden" name="return_to" value="/your-desired-path">
...
{% endform %}

 

以上、参考になりましたら幸いです。

Freelance Solution Engineer | 新垣
JavaScript Liquid Theme, React Remix App
投稿は参考になりましたか?「いいね!」でお教えください。
解決しない場合、個別に対応も可能ですのでプロフィールからお気軽にメッセージください
r-irisawa
Shopify Partner
13 0 2

@NIIGAKI_HYUGA 様

ありがとうございます!

とても助かりました!