Browser Client

Introduction

This topic shows you how to interact with Zetta APIs using the Zetta Browser Client. In addition to controlling device transitions, the client app provides a wealth of information about your Zetta instance. This is an excellent tool for development and debugging.

Prerequisite

You can point the browser client to any running instance of a Zetta server. However, in this topic, we assume you have completed the Mock device tutorial and can run that project successfully.

Using the browser client

1. cd to the root directory of your hello-zetta project.

2. Start the Zetta server.

   node index.js

3. Open a browser hit this URL. It points your locally running Zetta instance to the Zetta browser app running in the Cloud.

   http://browser.zettajs.io/#/overview?url=http://127.0.0.1:1337

4. Ensure the LED is listed, as shown in this screenshot:

   

5. Click the turn-on button and ensure the LED state changed from off to on.

6. Click the turn-off button and ensure the LED state changed from on to off.

7. Click LED to show details for the driver, including requests, responses, events, states, and properties.