Shopify Hello World plugin

main.js

document.addEventListener('DOMContentLoaded', async () => {
  const AppBridge = window['app-bridge'];
  const { createApp } = AppBridge;
  const { authenticatedFetch } = AppBridge.Utils;
  
  const app = createApp({
    apiKey: 'YOUR_SHOPIFY_API_KEY',
    shopOrigin: 'YOUR_SHOPIFY_SHOP_ORIGIN',
  });

  document.getElementById('getPersonalizedHello').addEventListener('click', async () => {
    const response = await authenticatedFetch(app)('/admin/api/2022-04/shop.json');
    const data = await response.json();
    
    const welcomeMessage = document.getElementById('welcomeMessage');
    welcomeMessage.textContent = `Hello, ${data.shop.shop_owner}! Welcome to our Shopify App!`;
  });
});