Embedded app is not working in case of blocked third party cookies in chrome

prince_lyzer
Tourist
13 0 2

shopify app bridge react library needs shoporigin for working. but how i can store that value if third cookies is blocked in chrome.

i created a http only cookie for store shoporigin, it is working in normal mode but not working in incognito mode due to blocked cookie issue.

 

i need to fix this urgently becuase shopify rejects my app twice.

Please help. 

thanks for help in advance.

Replies 5 (5)
prince_lyzer
Tourist
13 0 2

hello @Michal17 ,

 

it's been great pleasure for your answer, but I think I did not elaborate my issue correctly. let me try once again,

  • I'm developing a shopify app in react and Symfony (php) in backend.
  • Let assume i had 2 pages in my app, Dashboard page and Wishlist page.
  • I use session token(JWT) for authentication.
  • when I tested this app in incognito mode (third party cookies are blocked).

 

first time i load app from shopify app listing, it loads correctly and everything works fine, and i redirected to Deshboard page.

next i click on wishlist page and then  reload the iframe, i got appbridge shop origin issue, because without cookies i am unable to get shop origin becuase shopify did not provide shop or host details.

here i had an issue.

please consider this as issue.

hassantariq
Shopify Partner
1 0 0

@prince_lyzer  

Did you find any solution to this problem I am stuck at cookies issues. I am using .net Core

prince_lyzer
Tourist
13 0 2

hello @hassantariq 

I solved the cookies problem in my Shopify reactJs application. I use Reactjs for it.

Btw, I added shoporigin and host in every routes of application, so that i can get required shoporigin and host parameters without saving them in the browser cookies.

I hope this helps to you..

Marwan1999
Tourist
4 0 0

can you share with us your new code please after modification in react js)