Skip to content

Tap Manager Application

What is it ?

This application can view your HTML/Javascript based Web App. It is available on the app stores: - Google Play ( for Android - Apple Store for iOS

This solution is made for you if:

  • You need a Proof Of Concept for your App.
  • You don't have mobile App coding skills.
  • You don't want to publish an App on the playstore yourself.
  • You want low level communication with the Tap to be handled for you.
  • You don't need advanced mobile features such a GPS.

How does it work ?

Tap Manager runs your Web App inside a WebView. When you connect to a Tap through Tap Manager it will:

  • Read the URL configured on the Tap.
  • Download your Web App from the Cloud (internet connection required).
  • Connect your Tap to your Web App.
  • Run your Web App in the WebView.

Create your app

To create your Web App you have 3 choices:

  1. Use a dynamically created application
  2. Use the App Generator
  3. Create an application from scratch

1. Dynamically created app

See Mobile Development.

2. Using the App Generator

See Getting started with App Generator.

3. Developing from scratch

To develop from scratch, you need at least 2 libraries:

  • @iotize/device-client.js the core library
  • @iotize/device-com-webview.js for communication between the webview and your application.

Development is similar to developing for the browser except that your app runs inside a webview instead of a navigator.

Minimalist example

Here is a minimalist application that reads the application name configured on the {{}}.

    <!-- ...  -->
    <!-- IoTizeDeviceClient library -->
    <script type="text/javascript"
    <!-- IoTizeDeviceComWebview library -->
    <script type="text/javascript" 
    window.onload = function(){
        // We can check first that we are running inside an IoTize webview
        if (!IoTizeDeviceComWebview.isIoTizeWebView()){
            console.error(`Application is not running inside a valid webview.`);

        // Get device object injected by the WebView
        let tap = IoTizeDeviceComWebview.getInjectedIoTizeDevice();

        // You can now do what you want with the device instance (refer to the Guide...)
        // Connect first
            .then(function onConected(){
                // We are now connected!
                // For example we can read the configured application name from the device
                    .then(function (response) {
                        let appName = response.body();
              `App name is ${appName}`);
                    .catch(function onError(err){
                        console.error(`Cannot read application name due to error`, err);
            .catch(function onConnectError(err){
                console.error(`Cannot connect to device due to error`, err);


Tips* See Sending requests if you don't understand this example.

More advanced web app

You can also develop your web app using your favorite javascript framework such as angular or view.js.

Typescript definition files are provided with the libraries.

See API Guide and Api references.

Publish your app

Your WebViewer must be able to download your application from the internet, so your app should be hosted on an http server of your choice.

You must also configured your Tap to point to the URL of your web app. To do this, use IoTize Studio and edit the application path.

By default and for testing purposes, you can use IoTize http server at url