The Tabris.js Developer App
The Tabris.js 2 Developer App is the easiest way to see some Tabris.js examples and to start developing mobile apps without having to perform an app build. It is available for free in the app stores – just follow the links below or search for “Tabris.js” in the store on your mobile device.
Try the Examples
Just tap an example and it will run within the Developer App. To get back to the examples selection, use the Home symbol in the Developer Console. On Android, you can also press the system’s back button to go back.
The Developer Console
While running Tabris.js scripts in the Developer App, you can open a developer console by sliding from the right edge of the screen to the left. On iOS you may have to start sliding from the edge itself to open the drawer. You can also use a four-finger double tap instead. On Windows you can also press F12, if a keyboard is present.
In the header, you’ll find a Reload action that loads and starts the running script from scratch. The Home action lets you go back to the Developer App. You’ll also find actions to filter the log and to share it (e.g. by email). Finally, you can enter a different script URL directly in the header.
If you have trouble opening the drawer on iOS, try a four-finger double tap.
Play with the Playground
To get started with Tabris.js development easily, try out the Playground, our online code editor. Here you’ll find an editable Tabris.js “Hello World” script that you can modify and try on your mobile device immediately. To load the playground script in your Developer App, scan the QR code on the playground page.
While you edit the code in the playground, you can always reload to see your changes in action. Use the Reload button in the developer console or scan the QR code again.
In our collection of snippets you can find a code snippet for nearly every feature in Tabris.js. If you like to play with a snippet, simply copy and paste it into the playground and run it from there.
When you’ve signed in on tabrisjs.com with your GitHub account, you can also sign in with the Developer App. This will let you access your personal playground and other saved scripts without having to scan QR codes.
Run your App
Just like the playground scripts, you can also load an app that you’re developing on your machine. For this to work, your mobile device must be connected to the same network as your development machine.
After setting up your Tabris.js project, you can use the Tabris CLI to serve your app. In your project directory, call:
The CLI will start an HTTP server and print its URL to console, for example:
Server started. Point your Tabris.js client to: http://192.168.6.146:8080
Enter this URL in the URL tab of the Developer App and tap Connect. Keep the CLI running as long as you are testing the application.
You may notice a considerable delay while the Developer App downloads the sources to the mobile device. Once you’ve built the app, this delay will be gone, because the sources are then bundled with the app.