Shopify app is not working in express node js

Question

I am developing a shopify app in express nodejs. I have created installation process of app successfully in express nodejs. After app installation, When I have opened the app then I have getting an error of iframe in shopify admin section. Here's the screen shot:-

Also, it said 'Requests to the server have been blocked by an extension'. This issue comes into Google chrome browser. I have also checked in firefox browser. In firefox, it will works fine and shows me two warning that are:- 1. Content Security Policy: Directive ‘child-src’ has been deprecated. Please use directive ‘worker-src’ to control workers, or directive ‘frame-src’ to control frames respectively. 2. Content Security Policy: Ignoring ‘x-frame-options’ because of ‘frame-ancestors’ directive.

Mainly, it is not working on google chrome.

Please help me regarding this.

Thanks !!!

Change your vhost to one listed from your error. eprofitanalyzer.myshopify.io sounds decent. — darklightcode
– darklightcode, Commented Oct 15, 2018 at 5:58
@darklightcode Thanks ,for your response. Here I have hosted my on ny external server which having domain 'node.eprofitanalyzer.com'. this will gives me error in google chrome only. It will works fine in firefox browser. If there is error dur to my domain then it definitely not work in firef.ox — Gurpreet Singh
– Gurpreet Singh, Commented Oct 15, 2018 at 6:13

Raj Kumar · Accepted Answer · 2018-10-16 19:12:23Z

1

You need to include app.js provided by shopify if you haven't included it yet.

In your head section of html, add this

<head>
  <script src="https://cdn.shopify.com/s/assets/external/app.js"></script>
  <script type="text/javascript">
    ShopifyApp.init({
      apiKey: 'YOUR_APP_API_KEY',
      shopOrigin: 'https://CURRENT_LOGGED_IN_SHOP.myshopify.com'
    });
  </script>
  ...
</head>

Source

answered Oct 16, 2018 at 19:12

Raj Kumar

7931 gold badge8 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bilal A.Awan · Accepted Answer · 2023-02-10 11:03:51Z

This issue also happens to me and the problem was, I added new scopes for fulfillment but not reinstalled the app.

Reinstalling the app
Manually authenticate the app using window.location.

Shopify tries to authenticate the app every time when you open it but if Shopify finds any new scope within the app which is not present within the store, it gives you this kind of error.

Mostly the authentication happens with following

Store domain
API Key
Scopes(Definition against type of actions)
RedirectURL(where your app will be redirected after successful authentication)

and it looks similar to this

https://${shopDomain}/admin/oauth/authorize?client_id=${apiKey}&scope=${scopes}&redirect_uri=${redirectUri}

Open the above URL within the browser with actual values in the URL

Whenever you open the app, Shopify tries to use the above like to verify each entity provided in the above link.

Collectives™ on Stack Overflow

Shopify app is not working in express node js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related