You need certain resources as part of your Cordova app. In most cases, they are generated for you when you create your Cordova app with your preferred Cordova development tools. If you use the IBM MobileFirst™ Platform Foundation template, then splash screens and icons are also provided.
You can use a project template that is provided by IBM® for use with Cordova projects that are enabled to use MobileFirst features. If you use this MobileFirst template, the following resources are made available to you as a starting point. If you do not use the MobileFirst template, all of the resources are provided except splash screens and icons.
You add the template by specifying the --template option and the MobileFirst template when you initially create your Cordova project. For more information about using this template, see Creating a new Cordova app with the MobileFirst template.
If you change the default file names and paths of any resources, you must also specify such changes in the Cordova configuration file (config.xml). In addition, in some cases, you can change the default names and paths with the mfpdev app config command. If you can change names and paths with the mfpdev app config command, it is noted in the section about the specific resource.
The Cordova configuration file is a required XML file that contains application metadata and is stored in the root directory of the app. The file is automatically generated when you create a Cordova application. You can modify it to add custom properties by using the mfpdev app config command. For more information about this file, see The Cordova configuration file.
This main file is an HTML5 file that contains the application skeleton. This file loads all the web resources (scripts and stylesheets) that are necessary to define the general components of the application and to hook to required document events. You can find this file in the <your project name>/www directory.
You can change the name of this file with the mfpdev app config command.
The thumbnail image provides a graphical identification for the application on the MobileFirst Operations Console. It must be a square image, preferably of size 90 by 90 pixels.
A default thumbnail image is provided when you use the template. You can override the default image by using the same file name with a replacement image. You can find thumbnail.png in <your project name>/www/img.
You can change the name or path of this file with the mfpdev app config command.
The splash image is displayed while the application is being initialized.
When you use the MobileFirst template to build your app for the Android platform, the cordova-plugin-splashscreen plug-in is installed. When this plug-in is integrated, the splash images that Cordova uses are displayed instead of the images that are used by MobileFirst. The images in the folder with the screen.png format are the Cordova standard splash images. You can specify which splash images display by changing the settings in the Cordova config.xml file.
If you do not use the MobileFirst template, the default splash images that are displayed are the images that are used by the MobileFirst plug-in. The file names of the default MobileFirst source splash images are in the form splash-string.9.png.
For more information about using your own splash images, see Adding custom splash screens and icons to Cordova apps.
The app code can include CSS files to define the application view.
Your app code can include JavaScript files that implement various functions of your app such as interactive user interface components, business logic, and back-end query integration.