Shopify UI Extension Development/Test

Extensions
1

Hi
I am new to Shopify development and would like to know the following:

  1. how do I debug Shopify check-out UI extension in VS code?
  2. Can I deploy UI extension from Dev store to sandbox and production stores using Azure DevOps pipelines

Any documentation or suggestions are appreciated.

Thanks

2

Hi @Hoss_Mousavi

Great to hear you’ve started building on Shopify :slight_smile:

For debugging you can test the app locally via the CLI by running shopify app dev and then use console.log statements in your extension code. These logs will appear in your browser’s developer console when you preview the extension in the checkout.

Some troubleshooting tips:

  • If you don’t see your extension in checkout, ensure you’re using the correct preview URL and that your development store has products and the right extensibility features/ dev preview enabled.
  • If you get errors like ShopifyCLI:AdminAPI requires the property token to be set, use the --checkout-cart-url flag with the CLI to open a checkout session for testing.

You should be able to use Azure pipelines, you’d deploy extensions using shopify app deploy, and automate this in Azure DevOps by scripting the CLI commands and managing environment-specific credentials.

3

Thanks on debugging that’s what I am doing, was just wondering if there was a step through debugging option.