A simple HTML frame design to help with the development of Shopify Embedded Apps.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
.gitignore
README.md
iframe.html
index.html

README.md

Shopify Embedded App Dev Frame

This project provides a simple HTML wrapper around an <iframe>, meant to simulate the environment of an Embedded App in the Shopify admin panel. It's useful when developing Embedded Apps to get a feel for how your app will look and feel once it's in the hands of your end users.

At the moment, the frame only replicates the visual layout of an embedded app. As we develop it further, we'll add better support for mocking the postMessage API used by Embedded Apps to communicate with the Shopify Admin.

Usage

Clone the repository and open index.html (the frame works fine with file:// URLs). Bang in the development URL for your app in the box provided and you're done!