Plan Shopify app hosting

[ricardobrg]

Shopify does not offer app hosting for published apps. We need to define how the app will be hosted and create the necessary stories for deployment.

Define the options for hosting and possible serverless solution.

[ricardobrg]

Serverless structure

• frontend: a react app that uses Shopify App Bridge to build the admin UIs
  • deployment: static html/js/css
  • shopify integration: Shopify App Bridge for UI and Shopify Metafields API to store TIKI Credentials
• backend: CloudFlare Workers to handle Shopify OAuth flow and webhooks
  • deployment: CloudFlare through wrangler
  • shopify integration:
  • Access tokens: Handles OAuth and save access tokens to CloudFlare KV for webhooks access to Shopify Metafields API
  • Webhooks: Use access tokens from CloudFlare KV and TIKI Credentials from Shopify Metafields API
• extensions: hosted by Shopify
  • discount: a Shopify function to implement discount strategy
  • deployment: Shopify function hosted by Shopify
  • shopify integration: Use the Shopify Metafields API to get the TIKI Credentials
  • app-embeded-block: client facing banner
  • deployment: static html/js/css hosted by Shopify and embeded in the store frontend
  • shopify integration: an app embeded block
    • TIKI settings: use Shopify Metafields API to get TIKI Credentials and Offer settings.
    • UI Customization: App blocks settings

[ricardobrg]

Removed frontend form admin area

~- frontend: a react app that uses Shopify App Bridge to build the admin UIs~ ~- deployment: static html/js/css~ ~- shopify integration: Shopify App Bridge for UI and~

• backend: CloudFlare Workers to handle Shopify OAuth flow and webhooks
  • deployment: CloudFlare through wrangler
  • shopify integration:
  • Access tokens: Handles OAuth and register webhooks
  • Webhooks: Checks Order integrity and send it to TIKI servers
• extensions: hosted by Shopify
  • discount: a Shopify function to implement discount strategy
  • deployment: Shopify function hosted by Shopify
  • shopify integration: Use the Shopify Metafields API to get the TIKI Credentials and Offer (discount) options
  • app-embeded-block: client facing banner
  • deployment: static html/js/css hosted by Shopify and embeded in the store frontend
  • shopify integration: an app embeded block
    • TIKI settings: use Shopify Metafields API to get TIKI Credentials and Offer settings.
    • UI Customization: App blocks settings
    • Shopify Metafields API to store TIKI Credentials and Offer Options