Navigation X
ALERT
Click here to register with a few steps and explore all our cool stuff we have to offer!



 71382

Convert Website to App (apk) and upload it in Playstore

by webservice - 28 September, 2020 - 06:37 PM
This post is by a banned member (webservice) - Unhide
170
Posts
16
Threads
4 Years of service
Bumped #17
This is a bump
[Image: jnlfYwS.gif]
This post is by a banned member (webservice) - Unhide
170
Posts
16
Threads
4 Years of service
#18
source code link updated
[Image: jnlfYwS.gif]
This post is by a banned member (webservice) - Unhide
170
Posts
16
Threads
4 Years of service
Bumped #19
This is a bump
[Image: jnlfYwS.gif]
This post is by a banned member (Luffyz1333) - Unhide
93
Posts
0
Threads
2 Years of service
#20
(28 September, 2020 - 06:37 PM)webatoz Wrote: Show More
Manual Instructions
Install Android Studio if you haven’t already.

Open the project in Android Studio
Make sure you are at least using Android Studio 3.0, select “Open existing project in Android Studio” and browse to your template folder. Make sure to select the ‘template’ folder that contains the Android Studio project.

After selecting it, make sure to wait for the template to fully be imported. If asked, accept any downloads for dependencies. Finally, do a full build by going to ‘Build’ > ‘Rebuild Project’.


 Changing the Strings

[Image: c8541a1979fb3c1afc9168b9ffdfa6fd.png]

Open Strings.xml in the res/values folder of your project.
Replace the placeholder for the string “app_name” with your apps name.
Replace the “dialog_about” placeholder with your own about text. May have basic html between <![CDATA[ and
]]>.
Optionally enter your Admob Banner Ad Unit ID and Admob Interstitial Unit ID.
If you would like to use OneSignal push notifications open Strings.xml again and enter a value for “onesignal_app_id” and “onesignal_google_project_number”

If you want, you can also translate your app to other languages in Strings.xml

Changing colors
Browse to res/values and open colors.xml

[Image: 265711b8cf86147d71af2d6bac66a06d.png]

 Replace the placeholder color codes for the colors with your own colors (starting with #). The primary color is your toolbar color. The primaryDark color is your statusbar color.
Your Configuration In the java folder, browse through the com.sherdle.webtoapp package and open Config.java

Analytics
If you’d like to use Analytics, you can enter a value for ANALYTICS_ID between the quotes “”.

Layout options
With Web2App we offer many layout options. You can configure them in Config.java. Simply find the setting you’d like to change, like
USE_DRAWER and set the value to either ‘true’ or ‘false’. The line above the setting will describe what it does. In the case of USER DRAWER, setting it to ‘true’ will show a navigation drawer, and setting it to ‘false’ will hide the drawer.

URLs to load
Configure the URLs to load and the menu items to show. For this locate and change the TITLES and URLS Array.
If you’d like to display a single URL in your app, you can enter one URL in the URL array, e.g:

public static final String[] TITLES = new String[]{“MySite”};
public static final String[] URLS = new String[]{"http://mysite.com”};

If you’d like to display multiple links in your app, you can enter all your URLs in the URL array, e.g:

public static final String[] TITLES = new String[]{"Google", "Yahoo", "DuckDuckGo"}; public static final String[] URLS = new String[]{"http://google.com", "http://yahoo.com", "http://duckduckgo.com"};

If you'd like to use icons. Add the images to your project, and then refer to them from the ICONS array.

Your package name
You can change your package name by changing the value for 'applicationId' in build.gradle (in /app).

Your Icon and Splash Screen
Now you only have to change your assets (icon and splash screen).

The icon
First you will need an app icon, it should be a square .png image.

You will need to resize your icon to a 512x512 png image for google play store submission and to a 124x124 image for your app itself.
Rename the 124x124 image to ic_launcher.png (make sure it does not become ic_launcher.png.png, sometimes the extension is hidden).
You will see a folder called 'app', open it and browse to 'res/mipmap-xhdpi/'
Now replace the ic_launcher.png file thats inside this folder with your ic_launcher.png file.

Splash screen
For the best peformance, we recommend the use of a logo with a transparent background as splash screen image. This is easier and looks much better.
Take your logo, preferably a high-quality image for the best performance on tablets and name it vert_loading.png
Now again open the folder called 'app' inside the template's folder on your desktop and browse to 'res/drawable-nodpi/'

Exporting your app
In Android Studio’s menu, go to Build > Generate Signed APK. Next, follow the onscreen instructions to create a keystore and sign your app. Save the keystore on a safe place, otherwise you won’t be able to update your app.

Submitting to Google Play
For information on submitting your app to Google Play, you can visit Google’s Help Resources. To get started, browse to: https://play.google.com/apps/publish and sign up as a developer. Next, visit this help page on how to publish your first APK.


Download Source Code



** For any Help Pm me directly
thanksss
This post is by a banned member (makmal) - Unhide
makmal  
Registered
16
Posts
0
Threads
2 Years of service
#21
(28 September, 2020 - 06:37 PM)webatoz Wrote: Show More
Manual Instructions
Install Android Studio if you haven’t already.

Open the project in Android Studio
Make sure you are at least using Android Studio 3.0, select “Open existing project in Android Studio” and browse to your template folder. Make sure to select the ‘template’ folder that contains the Android Studio project.

After selecting it, make sure to wait for the template to fully be imported. If asked, accept any downloads for dependencies. Finally, do a full build by going to ‘Build’ > ‘Rebuild Project’.


 Changing the Strings

[Image: c8541a1979fb3c1afc9168b9ffdfa6fd.png]

Open Strings.xml in the res/values folder of your project.
Replace the placeholder for the string “app_name” with your apps name.
Replace the “dialog_about” placeholder with your own about text. May have basic html between <![CDATA[ and
]]>.
Optionally enter your Admob Banner Ad Unit ID and Admob Interstitial Unit ID.
If you would like to use OneSignal push notifications open Strings.xml again and enter a value for “onesignal_app_id” and “onesignal_google_project_number”

If you want, you can also translate your app to other languages in Strings.xml

Changing colors
Browse to res/values and open colors.xml

[Image: 265711b8cf86147d71af2d6bac66a06d.png]

 Replace the placeholder color codes for the colors with your own colors (starting with #). The primary color is your toolbar color. The primaryDark color is your statusbar color.
Your Configuration In the java folder, browse through the com.sherdle.webtoapp package and open Config.java

Analytics
If you’d like to use Analytics, you can enter a value for ANALYTICS_ID between the quotes “”.

Layout options
With Web2App we offer many layout options. You can configure them in Config.java. Simply find the setting you’d like to change, like
USE_DRAWER and set the value to either ‘true’ or ‘false’. The line above the setting will describe what it does. In the case of USER DRAWER, setting it to ‘true’ will show a navigation drawer, and setting it to ‘false’ will hide the drawer.

URLs to load
Configure the URLs to load and the menu items to show. For this locate and change the TITLES and URLS Array.
If you’d like to display a single URL in your app, you can enter one URL in the URL array, e.g:

public static final String[] TITLES = new String[]{“MySite”};
public static final String[] URLS = new String[]{"http://mysite.com”};

If you’d like to display multiple links in your app, you can enter all your URLs in the URL array, e.g:

public static final String[] TITLES = new String[]{"Google", "Yahoo", "DuckDuckGo"}; public static final String[] URLS = new String[]{"http://google.com", "http://yahoo.com", "http://duckduckgo.com"};

If you'd like to use icons. Add the images to your project, and then refer to them from the ICONS array.

Your package name
You can change your package name by changing the value for 'applicationId' in build.gradle (in /app).

Your Icon and Splash Screen
Now you only have to change your assets (icon and splash screen).

The icon
First you will need an app icon, it should be a square .png image.

You will need to resize your icon to a 512x512 png image for google play store submission and to a 124x124 image for your app itself.
Rename the 124x124 image to ic_launcher.png (make sure it does not become ic_launcher.png.png, sometimes the extension is hidden).
You will see a folder called 'app', open it and browse to 'res/mipmap-xhdpi/'
Now replace the ic_launcher.png file thats inside this folder with your ic_launcher.png file.

Splash screen
For the best peformance, we recommend the use of a logo with a transparent background as splash screen image. This is easier and looks much better.
Take your logo, preferably a high-quality image for the best performance on tablets and name it vert_loading.png
Now again open the folder called 'app' inside the template's folder on your desktop and browse to 'res/drawable-nodpi/'

Exporting your app
In Android Studio’s menu, go to Build > Generate Signed APK. Next, follow the onscreen instructions to create a keystore and sign your app. Save the keystore on a safe place, otherwise you won’t be able to update your app.

Submitting to Google Play
For information on submitting your app to Google Play, you can visit Google’s Help Resources. To get started, browse to: https://play.google.com/apps/publish and sign up as a developer. Next, visit this help page on how to publish your first APK.


Download Source Code



** For any Help Pm me directly

i wanna try this & thanks dude
This post is by a banned member (webservice) - Unhide
170
Posts
16
Threads
4 Years of service
Bumped #22
This is a bump
[Image: jnlfYwS.gif]
This post is by a banned member (theghost1234) - Unhide
This post is by a banned member (devdi) - Unhide

Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
or
Sign in
Already have an account? Sign in here.


Forum Jump:


Users browsing this thread: 8 Guest(s)