FROM CACHE - jp_header
解決済

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

r-irisawa
Shopify Partner
10 0 1

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 15

成功

@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 15

成功

@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
10 0 1

@NIIGAKI_HYUGA 様

ありがとうございます!

とても助かりました!