# RocketWeb

## Android web app solution | WebToApp

- Created: 03/10/2018
- Latest update: 09/19/2019
- Version: RK_DOC_V1.3.1.3
- RocketWeb Version: Source File V_1.3.3
- By: InfixSoft
- E-mail: imrankst1221@gmail.com
- Fackbook: www.facebook.com/infixsoft
- Website: www.infixsoft.com

Thank you for purchasing my app. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

We are following CodeCanyon rules and regulation, so under this licenses you can only publish single product on play store. And you can't sell this source code anywhere. Please follow Standard Licenses: https://codecanyon.net/licenses/standard/

So if you want to publish multiple app please get multiple licenses, otherwise your app will blocked after publishing.

### Quick start

## Quick Start Guide

RocketWeb is a platform to make your website to awesome custom fill mobile app. To develop with RocketWeb you need to set up an Android studio and follow our below instruction. We also provided a complete video tutorial for your better understanding of the complete system. All configuration is controlled from the single file you need to select based on your requirement and build your product. After the final build, you can publish the signed APK into play store.

Requirements for RocketWeb

- Android Studio 3+
- SDK 21+ (Recemented to use)

Android Studio Setup Process

1. Download Android Studio - https://developer.android.com/studio/
2. Install Android Studio - https://developer.android.com/studio/install
3. After download setup Android Studio and Download SDK 28 and build version “28.0.3”
4. Learn more about Android Studio - https://developer.android.com/studio/intro/

Youtube (RocketWeb – Setup Guide)

Don't forget to subscribe for future updates.

Knowledgebase for support

Goto RocketWeb support center:https://help.infixsoft.com/
Using your Envato Purches code get the access.
In case of you face any problem goto RocketWeb Knowledgebase. If you don't find you're required issue on the list then Open New Ticket form home.

Download configure file

Find your Item purchase code form License Certificate

Item purchase code

### Setup

## Android Studio Setup Process

To develop an app, you will need minimum Android studio version 3+ or latest. This project is built with SDK 27 and build version “27.0.3”. So, after installing the Android studio run it and open SDK manager to download build version and SDK tools. Most of the time Android Studio will automatically download the files if you fetch any problem then check this bellow setup.

Open SDK manager

Download SDK 27 upper from SDK tools

Download SDK tools

RocketWeb – Project Setup

After downloading the source file you get a zip folder name “Rocket Web.zip” unzip the folder. You found the android source code for Rocket web. Then open your android studio and click “Open an existing Android Studio Project” and select the project location folder. Or you can also open the project from Android S tudio > File > open

Open project

Select Rocket web Folder

During opening Android studio make sure that your PC are connected with internet. If any problem you face 1st step is Invalidate caches and restart android studio. After that, if still not build success then find on RocketWeb knowledge base or search on Google because it's your Android Studio problem.

Clear caches

### Customisation

## Project Customisation

Download configuration file

At first goto RocketWeb support center: https://help.infixsoft.com/
From support center click on Configure & Setup then using your Envato Purchase Code login to configure page.

Download configure file

RocketWeb Configuration

After login to Configure & Setup, you found a form where configure your app as you want.

Download configure file

RocketWeb Configuration details

1. Base URL

Set your full URL (Ex: http://www.infixsoft.com) with http or https. This URL will load on your app after start up screen.

02. Select navigation bar style

Four navigation style is available choice one of them. The title are of toolbar will show your app name.
If you want to change it then from activity_home.xml (res > layout > activity_home.xml) inside this file you found TextView with id "txt_toolbar_title" change the text (ex: android:text="Your title")

03. Select left button option

If you already select NAVIGATION_HIDE then this menu not working. Select your left navigation bar button. If you don't need just select LEFT_MENU_HIDE.

04. Select right button option

If you already select NAVIGATION_HIDE then this menu not working. Select your right navigation bar button. If you don't need just select RIGHT_MENU_HIDE.

05. Select your theme and color

Theme color is your app color, here is multiple colors available you can choice gradient and solid color. If you want to use your own color set then select THEME_PRIMARY and set the color from color.xml (res > values > colors) where "colorPrimary", "colorPrimaryDark" and "colorAccent" is your theme color..

Solid color list

Gradient color list

06. Select loader style

During loading website, this loader will be shown you can select the loader from the given list. If your website already has a loader and if you don't want then select "LOADER_HIDE".

Style | Preview
--- | ---
LOADER_ROTATING |
DOUBLE_BOUNCE |
LOADER_WAVE |
LOADER_WANDERING_CUBE |
LOADER_PULSE |
LOADER_CHASING_DOTS |
LOADER_THREE_BOUNCE |
LOADER_CIRCLE |
LOADER_CUBE_GRID |
LOADER_FADING_CIRCLE |
LOADER_FOLDING_CUBE |
LOADER_ROTATING_CIRCLE |

Thanks ybq for awesome github library.

07. Set your loader interval time in milliseconds

If you already selected "LOADER_HIDE" then no need this. By default, if your website loading complete the loader is gone. And the interval time is the maximum time for the loader. The input type is in milliseconds (Ex: 1000 milliseconds = 1 second).

08. Set your adMob ID

If you don't want to show google AdMob just keep it empty. If you want then set your AdMob ID here, remember that the ID containing this character (~). After that meta-data enable from AndroidManifest

09. Set adMob key ad banner

If you don't want to show google AdMob just keep it empty. Set your banner key here for AdMob banner ads.

10. Set adMob key ad interstitial

If you don't want to show google AdMob just keep it empty. Set your interstitial key here for AdMob interstitial ads.

11. Set adMob key ad rewarded

If you don't want to show google AdMob just keep it empty. Set your rewarded key here for AdMob rewarded ads.

12. Set adMob delay in milliseconds

If you don't want to show google AdMob just keep it empty. The delay is refresh time, after loading ads successfully or fatch any error this is the reload time. The input type is in milliseconds (Ex: 1000 milliseconds = 1 second).

13. Set file upload enable

If you don't know about it just keep it default selected value. This flag will enable file upload options.

14. Set photo upload enable

If you don't know about it just keep it default selected value. This flag will enable photo/image upload options. After that permssion (2) enable from AndroidManifest.

15. Set camera photo upload enable

If you don't know about it just keep it default selected value. This flag will enable take photo from camera options. After that permssion (2) & (4) enable from AndroidManifest

16. Set multiple file upload enable

If you don't know about it just keep it default selected value. This flag will enable file upload options. After that permssion (2) enable from AndroidManifest.

17. Set JavaScript active

If you don't know about it just keep it default selected value. This flag will enable JavaScript options. I recommended keep it always on except special situation.

18. Set downloads in webview active

If you don't know about it just keep it default selected value. This flag will enable download file inside of the app or outside of the app, some file type if make problem then keeps it off so that download outside the app. After that permssion (2) enable from AndroidManifest

19. Set permssion dialog active

This flag will enable user permission popup during start screen. If your app required permission then keep it on otherwise turn it off.

20. Set splash screen active

This flag will enable user permission popup during start screen. This flag will enable splash screen or startup screen. If you want to show it then only turn on.

21. Set swipe to refresh active

This flag will enable swap to reload the webview. Only if you want to swap to reload options then turn it on.

22. Set website zoom active

This flag will enable swap to reload the webview. If your website is a desktop version or needs the zoom button top of webview then enable it.

23. Set desktop mode active

This flag will enable swap to reload the webview. If you want to show your website on desktop mode then only active this option.

24. Set fullscreen active

This flag will enable swap to reload the webview. If you want to show on fullscreen then only active this option. For gaming website it's very helpfull.

25. Set menu name and menu url

From the menu you can load multiple URL, so provide menu name and corresponding URL for the menu. - If you want the share button on the menu set "SHARE" as URL. - If you want to show about us then set "ABOUT" as URL and set the about text from string.xml (res > values > string.xml) change "title_about_us". - If you want to rate us button then set "RATE" as URL. - If you want to exit us button then set "EXIT" as URL.

RocketWeb Configuration download and setup

After selecting all your customization your app configures almost done. After download, you got a file named "rocket_web.io". Please notice that do not rename the file. And for multiple time download if automatic change the name then set the mane "rocket_web.io" again.
After that past the file under assets folder.

Set app colors

If you select color primary and want to set your own custom color then set your color HEX code here.

Set app name & other strings

To change app name title and other info edit string files. Open string.xml (res > values > string.xml) or press Shift twice and search string.xml

- “app_name” is your application name.
- “splash_quote” is splash message.
- “title_user_email” is about us email ID.
- “title_user_website” is about us website.
- “Loading” is loading message.

Change app name

Set app icon

Change your app icon from Image Asset. App > res > mipmap > ic_launcher.png is an app icon for the different screen you can change it. Or you can select the icon by selecting Image Asset, App > mouse right click > New > Image Asset

Change the app logo

Set Splash image

Change app splash repressing the images with name “ic_splash_image.png”. Please notice the image name must be as same with existing name and .png format.

Change splash image

If you want to use fullscreen image in splash then repressing the images with name “ic_splash_fullscreen.png.png” and remote the line android:visibility="gone". Please notice the image name must be as same with existing name and .png format.

Change splash fullscreen image

Connect with Google Firebase

RocketWeb has supported Google Firebase. To monitor your app users, AdMob earning and Push notification setup Google Firebase.
If you don't want to use Firebase then you can disable from build.gradle file by removing 'apply plugin: 'com.google.gms.google-services' line.
If you want to use goto firebase consol https://console.firebase.google.com and create the project with your application id. Then setup configuration file to RocketWeb.

Configure select Android and set your applicationId

Configure google service

After that must need to enable from the manifest file, To enable remove comment line ("<.!-- " and "-->" )

Google Cloud Messaging

Push notification is available with Google Cloud Messaging. After configuring firebase with your project compose notification and send to all devices. For learn more please visit: https://firebase.google.com/docs/cloud-messaging

Send push notification

Onesignal Messaging

Goto Onesignal website set Firebase service key and Firebase sender ID. After that get Onesignal App ID and set into AndroidManifest.xml. For learn more please visit: https://onesignal.com

Set firebase keys

Get onesignal app ID

If you want to open URL when click on notificaion then during send notification use the “url” key to set URL. By default, it’s open inside the app. If you want to open outside (external) of the app then use key “is_open_outside” as true.

Open URL ourside/inside app

Set onesignal app ID and enable meta data, To enable remove comment line ("<.!-- " and "-->" )

Enable onesignal from AndroidManifest

Set onesignal app ID on Gradle

Google Adsense key setup

You can earn form showing AdMob ads. Just get your key form AdMob website https://apps.admob.com/v2/apps and after that setup the configuration file. There are 3 types of adding available. For learn more please visit: https://developers.google.com/admob/android/quick-start

Enable user permission only if you need.

If your app required user permission then enable it from AndroidMenifest, To enable remove comment line ("<.!-- " and "-->" )

1. Internet permission must be required it's already enabled.
2. Required for storage, If your app cash is enabled to read/write anything then enable it.
3. Required for Location get, If you app use location service then enable it.
4. Required for the camera, If you need camera functionality then enable it.
5. Required for maps, if you need the map function then only enable it.
6. Required for visualizer & radio, if you need then only enable it.
7. Required for notifications & radio, if you need then only enable it.
8. Required for tumblr, if you need then only enable it.
9. Required for in-app purchases, if you need then only enable it.

Enable user permission

### Publish

Package Name Changing For Play Store

Every app has a unique applicationId for identify the app. And this is also use as play store url. To change edit Gradle Scripts > build.gradle or press Shift twice and search build.gradle. “applicationId” is your app id, to publish an app on app store you must need a unique package name. After change package name must be updae firebase file. And no need to change the folder name just change the package name from gradle.

Change application ID

After change Package Name must be update Firebase file. Also only change the "applicationId" do not change any folder name or anything else.

Clear cash and rebuild project:

After change package name clear your project cache and rebuilds project again, It's also helpfull when you fetch any build problem. So best practice is after complete configure clear cash and rebuild. From Android studio File > Invalidate cache/restart Android studio> Invalidate and restart.

Invalidate cache/restart Android studio

Build an android app and publish

After renaming, build your project and check all functions. If all is ok, generate Signed APK: Click Build > Generated Signed APK. Create your Key, set your password and build it!

Generate Signed APK

Preparing to publish on Play Store

After setting up unique application ID now make a final build for play store. Go to Menu > Build > Generate signed APK > select module > Create new key Store, then provide your info and password for the key and select signature version for both. When you get the final build APK, just upload the ﬁle in your Play Store (https://play.google.com/apps/publish/) Developer Account and you are good to go. If you don't have the account then google will taks $25 for lifetime just make payment and provide your information.

Congress your mobile application develop complete! After build successfully, you can use the APK and publish it onto any app store.

### Support

What's Included With The Project Files

- Source code in Kotlin language
- Complete setup guideline documentation
- Complete setup guideline video tutorial

License

- This project is not providing any icon or logo for professional use.
- App publishing or any type of custom development is not included with it.
- All animation loader credential is deserved by github library- ybq/Android-SpinKit
- Project promotional websites, preview themes and preview icons are not included.
- This project is only for one app publish only and get support for that particular app.
- Under this project, we can’t provide multiple product support.

Support Desk

Still, you having any questions? Just leave a comment. Or you need support from us? Just visit our Support Center.

E-mail ID: imrankst1221@gmail.com

Website: https://help.infixsoft.com/

Facebook: www.facebook.com/infixsoft

YouTube: