Project Architecture

UI Editor

You can design and code your apps right in your browser. The editor makes it easy to design native apps without worrying about fragmentation.

Workspace

Assets

This folder is used to store files which are accesses directly by the app. Unlike the “Resources” and “Images”, this folder can be accessed by file operations such as read. Moreover, Assets folder is a unified location for all types of devices, you don’t need to use separate folders like the Resources folder.

Config

Config folder is used to store the application configuration for:

  • Android

  • iOS

  • Fonts

  • project.json

  • project.rau.json

  • project.testingdistribution.json

Android

AndroidManifest.xml : It's an editable ".xml" file which you can change API Keys and Permissions for Android. For more information you can read the related Android documentation.

PackageProfiles.xml : Customizing Android packages is possible with PackageProfiles.xml . You can simply add the line “” to the PackageProfiles.xml in order to use xxxhdpi folder. Reducing APK size is also possible. If you don’t want to provide support for certain resolutions, you can remove some image folders. Commented lines are required for Android publishing to Google Play. Compatible-screens and supports-screens are the settings about the supported device types.

smfdefault.keystore : It is a codesigning file for Android publishing. For ease of use, a default keystore is provided in the environment, but replacing this keystore with your personal keystore is strongly recommended, especially for submitting apps to Google Play. You can fill in the keystore parameters in the project.json file.

Fonts

You can add your own font files which in this folder.

project.json

All main application settings resides in project.json. Such as ;

  • Plugins

  • Application Information

  • keystore information

  • Orientation settings

  • Build settings

  • Output folder

  • API keys

iOS

It includes the Info.plist file which is required file for iOS Publishing. You can add new keys if required.

Images

All application images should be placed in this folder. Android images should be located in the Images\Android folder and iOS images should be located in the Images\iOS folder.

Output

When you publish your app, the output files related to your project will be located in separate folders with timestamps under the output folder.

Plugins

All the plugins you use in your application should be placed under this folder. The plugins need to be set as active in project.json .

Scripts

Application sources (JavaScript files) should be placed in the scripts folder.