Getting Started
Our JavaScript SDK offers an API to programmatically interact with Appetize devices. This allows you to automate interactions with the device, verify app behavior, and more.
First, load the JavaScript SDK by adding the following snippet to the
head
section of your page:<script>
(function () {const n = window,i = document,o = i.getElementsByTagName("script")[0],t = i.createElement("script");
(t.src = "https://js.appetize.io/embed.js"), (t.async = 1), o.parentNode.insertBefore(t, o);
const s = new Promise(function (e) {t.onload = function () {e();};});n.appetize = {getClient: function (...e) {
return s.then(() => n.appetize.getClient(...e));},};})();
</script>
<iframe
id="appetize"
src="https://appetize.io/embed/<PUBLIC KEY>"
width="378px"
height="800px"
frameborder="0"
scrolling="no"></iframe>
We gave the iframe an id of
appetize
, but it can be anything you wish.Get the client by calling
window.appetize.getClient(selector)
. This will return an Appetize client instance for the embed.const client = await window.appetize.getClient("#appetize")
With the client, you can start a session programmatically:
const session = await client.startSession()
console.log('session started!')
or wait for the user to click "Tap to Play":
client.on("session", session => {
console.log('session started!')
})
Next we'll cover various ways you can configure the embed, such as the device or OS version.
Last modified 10d ago