Creating Mobile App build

StoreHippo provides you with the feature to build apps on your own in a few easy steps. Please follow the below-mentioned steps to build an app:

• Go to the Mobile Apps > Mobile apps section in the StoreHippo Admin Panel.
• Click Add New button to add a new record. The add new window will have the following fields:

The 3 different tabs containing the information regarding the app are explained below.

• General
• Advanced
• Social Login

General

In this tab, you will have to provide general information about the app, such as app name, package name, splash image, and so on.

Title

Enter the name of the app. The name appears on the device's home screen and within app-store interfaces.

Package

Enter the package here. Specify the app's reverse-domain identifier, e.g. com.storehippo.abc. 

Version

Enter the full version number. It is expressed in major/minor/patch notation.

Description

Enter the metadata that may appear in-app store listings.

Theme

Choose the theme which will be used for the frontend of the app. 

Domains

Select the domain from the drop-down to define the app for the specific domain. You can have different apps for different subdomains.

Splash Image

Upload an image that appears when you launch your app. The preferred size for a splash image is 768 X 1024.

NOTE: All the required splash images for different size devices will be automatically generated using this image.

Icon Image

Upload the icon for your mobile app. The preferred size for the icon image is 1024 X 1024.

NOTE: All the required icon images for different size devices will be automatically generated using this image.

Google Services Settings

Push notifications are used to send notification messages to your app users to drive user re-targeting and engagement. Push notifications are sent by Firebase Cloud Messaging (according to the latest Google update) for both Android as well as iOS. You get the files from the FCM used to send the notification. 

For configuring the push notification in the Android app, you need:

• google-services.json: Upload the google-services.json file that you obtain from the Firebase.
• Server Key: Enter the server key in this field.

For configuring the push notification in the iOS app, you need:

• googleService-Info.plist: Upload the googleService-Info.plist file that you obtain from the Firebase.
• Server Key: Enter the server key in this field.

Please refer to the Firebase Cloud Messaging documentation for complete information on how to obtain these files.

Platforms

Select the platform for which you are building the mobile app. It can be either Android or iOS.

• Android
  • Enabled: Check the flag if you want to build the app for Android.
  • Key: The signing key which will be used to sign the app for publishing on the Google Play Store.
  • Preferences: StoreHippo Mobile apps support some custom preferences for the app. Preferences are used for things like android-versionCode, android-targetSdkVersion, and others.
  • Sha256 Cert Fingerprint: You can enter the SHA256 key that is provided to your app in the Google Play Console. You can get this key under the Setup -> App Integrity -> App signing section of your Google Play Console account.
• iOS
  • Enabled: Check the flag if you want to build the app for iOS.
  • Key: The signing key which will be used to sign the app for publishing on the Apple App Store.
  • Preferences: StoreHippo Mobile apps support some custom preferences for the app. Preferences are used for things like target-device, prerendered-icon, and others.

Advanced

In this section you can add the additional app customisations, such as animated splash, plugins, and so on.

Animated splash image

In case, if you want to add video/GIF as the splash in your app, you can upload the animated splash here.

Custom Splash HTML

You can define the custom HTML in place of splash image. You can also refer Animated Splash Image in this section.

Transparent Notification Icon

Here, you can upload the transparent notification icon.

Plugins

StoreHippo uses Phonegap/Cordova to build mobile apps. You can add custom phonegap/cordova plugins in this section to extend the functionality of the store mobile apps.

• Name: Name of the plugin.

• Version: Version of the plugin. 

• Source: It can either be "pgb", "npm" or "git". Defaults to "npm" (or "git" if a git URL is detected).

• Params: If there is any custom tag you want to place in the config file, then you can use the params. 

  • Tag: Name of the tag.

  • Attributes: Attributes, if any.

  • Subtag: Whether the tag will be a subtag of some other tag.  

  • Basetag: Parent tag, used if subtag is checked.

  • Value: Value of the tag.

Example:

If you want a tag like <chcp attr="abc">123</chcp>

• tag: chcp

• attributes 

• key: attr

• value: abc

• value: 123

If you want the tag to be like <parent><chcp attr="abc">123</chcp></parent> 

• subtag: checked

• basetag: parent

Social Login

In this section, you can set the social login providers in your app. 

The Social Login section gives you two options to log in:

Google

You need to specify the Web Client Id in order to use Google Login on mobile apps. You first need to setup google login for mobile app to get the web client id.

Facebook

In this field, you have to mention your App ID and Application name. For this, you initially have to setup facebook login for mobile App.
Once you have configured your ID and name enter the details in the respective fields.

Example

How can I have separate mobile apps for different sub-domains?