Brand Logo

What Is HAT (Hybrid Application Toolkit)???

Before digging into HAT lets explore about Hybrid App first.

A hybrid application (hybrid app) is one that combines elements of both native and Web applications. Native applications are developed for a specific platform and installed on a computing device. Web applications are generalized for multiple platforms and not installed locally but made available over the Internet through a browser. Hybrid apps are often mentioned in the context of mobile computing.".

Hybrid Application Toolkit (HAT) is the tool which allows you to deploy Hybrid applications on mobile devices like Android and iOS and now providing preliminary support for Windows i.e. Web IDE projects in Windows platform using HAT as well.


HAT installation is Node JS based and contains below components.

• Web IDE plugin
• Hybrid App Toolkit Connector
• Web IDE Companion Application

Web IDE plugin:-The Web IDE Plugin adds mobile hybrid application awareness to Web IDE; capabilities that allow a developer to set mobile properties within an application. 
Web IDE can display a QR code a developer can use to launch the web application in a mobile device browser – simply point the device camera at the QR code and use a code scanning application to load the application URL wrapped in the QR code.
Hybrid App Toolkit Connector:- The Hybrid App Toolkit provides the Connector, a locally installed module that allows Web IDE to communicate with a local Cordova development environment.
The Web IDE Is beneficial but if web application is a hybrid application and makes use of native APIs, then testing the web application in the browser may not be enough.
The application may utilize mobile device-specific hardware (such as the camera, accelerometer or compass) or make use of a mobile-specific native API (such as the Contacts application or network information APIs) that are not available in the browser or inside Web IDE’s Preview mode.
Hybrid App Toolkit Companion App:- The Companion App is a native application developers can use to streamline testing of hybrid applications created using Web IDE on a mobile device. Instead of packaging the web application content into a Cordova application as described in the previous paragraphs, the Companion App allows a developer to make changes in Web IDE and see those changes reflected immediately in the Companion App.