Fast Development Roundtrip: Mobile Apps with Tabris.js
Developing mobile apps, especially when targeting multiple platforms, can be cumbersome and time-consuming. The time to compile and deploy an app to a mobile device really adds up. In this post we introduce you to a much faster development cycle using Tabris.js to write mobile apps. The experience is comparable to web development except there is no HTML involved.
Quick online exploration
tabrisjs.com provides you with an online scratchpad to experiment with Tabris.js code (requires a Github account and an invitation for Tabris.js). The only other thing you need is a mobile device with the free Tabris Developer App installed:
Any code edited in the tabrisjs.com scratchpad can be directly executed on your device. Switch to the „My Scripts“ tab and select the My Scratchpad entry. The entry is only visible when logged in: your scratchpad is personal and only yours. Just type and use the reload function in the Tabris Developer App to see your code in action.
For developing Tabris.js projects on your development machine you need a way to serve a directory over HTTP (e.g. the command line
- Clone the Tabris.js Getting Started Project that contains a simple HelloWorld.
git clone https://github.com/eclipsesource/tabris-js-getting-started.git
- Make sure the directory containing the HelloWorld is served over HTTP
- Connect to the server from the URL tab in your Tabris.js Developer App. If you can’t see the URL tab please login on the „My Scripts“ tab first.
For a more detailed description, visit the „Create Your First App“ guide.
Iterating the Development Cycle
Now you can start making changes to the code of the example and exploring the features of Tabris.js. After some changes, you want to try how things feel on an actual device. With Tabris.js this is simple and only a matter of seconds.
- Edit your code.
- Save your work.
- Click „reload“ in the Tabris.js Developer App on your mobile device.
Lately we have been busy to provide a CommonJS compatible Module System and an HTML5 compliant API like XMLHttpRequest. In our next blog post we will show you the power of integrating existing JS Frameworks with Tabris.js.
If you have any ideas or suggestions for further Tabris.js specific tooling, we would love to get your message below. Feel free to share about your own workflow and development experience with Tabris.js. We are eager to get your feedback!