Different app client Id for shopify-app-bridge in different environment local and production

Shopify Discussion

Topic summary

A developer migrated from Shopify App Bridge v3 to v4 and encountered a configuration challenge. Version 4 requires hardcoding the app client ID as shopify-API-key directly in the index.html file.

The Problem:

  • Different client IDs exist across environments (local, production, and among team members)
  • Currently requires manual client ID changes in index.html before each production deployment
  • Seeking a dynamic solution to manage multiple client IDs without manual intervention

Status: The question remains unanswered with no solutions or workarounds provided yet.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Hello Shopify team

Recently I migrated Shopify-app-bridge from version 3 to 4 and as mentioned in the documentation we have to add the app client id as shopify-API-key in the index.html file but If we have a different client-id in the local and in the production and also with other developers, so how we can manage that and every time when I am trying to push changes on production I have to change that clientid in index.html file, anyone has the proper solution for this then please suggest?

Thanks