node package manager
Easy sharing. Manage teams and permissions with one click. Create a free org ยป

virtual-device-wall

A Virtual Device Wall for testing Ionic/Cordova

A simple command line tool to create a virtual device wall to test your Cordova app across multiple devices. The Virtual Wall also lets your synchronize clicks, scrolls and other gestures across the devices on the wall.

On npm: Virtual-device-wall

Blog post explaning the idea.

Demo

Virtual Device Wall - Youtube Video Link

Usage

  1. Get an API token from Appetize using https://appetize.io/api.
  2. Navigate to the root directory for your Cordova or Ionic App. You need to have the cordova command in your path.
  3. Install the tool using npm install virtual-device-wall
  4. Run node_modules/.bin/wall --appetize=APPETIZE_KEY.
  5. Open the URL displayed on a browser (preferably on a large screen like television or a projector !!).
  6. Interact with one device and gestures are mirrored on all other devices. If you had a device connected, you can use that device as a remote for mirroring gestures on your device wall.

How it works

The Virtual Device Wall is a web page with devices embedded using Appetize. Once your app is built and an apk and ipa is available, it uploads these to the Appetize servers. It then starts up a local server uses ngrok to expose that server to the internet. The apps serve their content using this server. Browser-sync is responsible for mirroring clicks, scrolls and other gestures across the various devices. You can also install the app on a local device and use that as a remote control for driving the devices on the virtual wall.

The virtual wall is powerd by Ngrok, Appetize and Browser-sync.