Blank app screen when deployed to Azure

[PeterP2023]

Hi everyone,

I am building a Public App for shopify using the Shopify App Template for Node from Github. However, when  deployed to a Azure App Service I am getting a blank screen when I view the app through Shopify and "No shop provided" when I go directly to the deployed app URL in my browser.

The app works as expected when I use app bridge with cloudfare urls and the app can be seen through Shopify. However, I need to deploy the app for shopify's review.

Does anyone have any ideas? Thanks!

[PeterP2023]

Hi,

Thanks for your reply! Would you be able to explain what steps you took?

Regards,
Peter

[PeterP2023 · Accepted solution]

Update: I solved this eventually by setting the SHOPIFY_API_KEY in the pipeline. It turned out that the front-end was not being built at all and so couldn't be found. Look out for this message in the build logs:

"Building the frontend app without an API key. The frontend build will not run without an API key. Set the SHOPIFY_API_KEY environment variable when running the build command."

You can set this in the pipeline or install dotenv and pop it a .env file