Convert your Blog and website to Android App Using Android Studio-2020

 

Convert your Blog and website to Android App _free of cost Using Android Studio-2020

 

Dear viewers, Today I will discuss about how to convert your blog and website to android app without any cost in a simple step. You can see many methods in internet to make your own website application, but these may be either paid or tough for setting up while coding. Today I am discussing about making an application by using Android suite software which is free of cost and easy to setup.

Why you need to create an application for your website?

There are many reasons to use android application for your website some of them are listed below:
  • ·        Using APK files you have high chance to get high users because while you provide your Apk files to user they don’t need to search your website on browser.
  • ·         APK files always UP to date with your Post.
  • ·         Easy to use and user friendly.
  • ·         Low storage consumptions.
  • ·         APK is the file format used by android operating system so there is no doubt that in this era who don’t use Android mobile so it helps your post to Rank in Google search console.

What is android studio and its requirements for windows?

This is a software to create an android application, that launched by Google itself. Google provide Android Studio for Windows and Linux so you can download it from its official site and make your own apk files. This is a little bit high memory consumption software so your PC should meet some requirements before installing this. So, it might be taking some time while you use android studio first time. After installing, it can be easily open whenever you want to create an application.
 
Minimum Requirements:
  • Microsoft windows 10/8/7 (32-bit,64-bit)
  • Minimum 4 GB Ram
  • 1280 X 800 mm screen resolutions

How to dowload and install android studio?

If you are Using android studio first time you can download it from Google by searching Android Studio, or if you don’t have idea about how to download and install you can watch video here, it gives you brief idea

How to create web to apk -Setpwise

This is the main task to you after installing android studio where you need to some coding to prepare an app ,But don’t worry I will provide you codes you just need to copy and paste and make your own app.For this you should follow few steps:

Step-wise video: How to convert web to apk file

 

Step-1: Open Android Studio

  •       Click Start a new Android Studio Project
  •       Click on Empty Activity and Click Next


o   Configure Your Project
o   Name: Give your application Name
o   Package Name: Leave as it for Package name
o   Save Location: Choose Save location or leave as it default
o   Under Language: Choose JAVA
o   Minimum SDK: Leave default
o   ClickFinish

Step 2:  Coding under AndroidManifest.Xml

 
  • ·         Expand your app name (left side menu bar) under Android Section
  • ·         Expand app
  • ·         Expand Src
  • ·         Expand res
  • ·         Then double click AndroidManifest.XML
  • ·         Now you can see some codes, Press enterbelow <user-premission android:name= 
  • ·         And paste below code (Just above <application)


 

<uses-permission  android:name=”android.permission.INTERNET”></uses-permission>
  • ·         Now Select all codes and save it using CTRL+A & CTRL+S from Keyboard
 

Step 3:  Coding under Activity_main.Xml

 
  • ·         Click activity_main.xml tab on top
  • ·         Now Select existing text view codes <Textview ……………………………=’’parent” />only Then delete it by pressing delete bottom from keyboard.
  • ·         Now select </android.constrainlayout.widget.constraint only (just before ….Layout> part) then replace it with Relative (Now you have </RelativeLayout> only)
  • ·         Now Go to Design Tab (Right side top Corner) you can see android screen .
  • ·         Then Search Web in search buttom then find for WebView
  • ·         Drag and Drop WebView to your Blank Screen (white Screen)
  • ·         Now Click on Code tab ((Right side top Corner)
  • ·         Now you will See <web view codes above </RelativeLayout> There
  • ·         Now Press enter Just after <WebView
  • ·         Then paste below Code (below <WebView)
android:id=”@+id/webview”

 

Step-4:  Coding under Styles.Xml

 
  • ·         Go to left side menu bar under Adroid
  • ·         Expand app folder
  • ·         Expand res folder
  • ·         Expand Values folder
  • ·         Select Styles.xml and double click on it
  • ·         Search <style name=”App theme” parent=”theme.Appcompat.light.DarkActionBar”>Select Dark and Replace With NO (that will be change DarkActionBarto NoActionBar)
 
 

 

Step-5: Now Go to MainActivity.java Tab on top

 

  • ·         You can see Import…
  • ·         Click on three dots (…) only while you click on dot you will see some codings that generated automatically
  • ·         Now Copy and paste below codes just below import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
  • ·         Again copy below Codes then paste just below public class…………{ 
private WebView mywebView;
  • ·         Again copy and paste below code just below setcontentview(R.layout.activity_main);
mywebView=(WebView) findViewById(R.id.webview);
 mywebView.setWebViewClient(new WebViewClient());
 mywebView.loadUrl(“https://learnmoretrick.blogspot.com/“);
 WebSettings webSettings=mywebView.getSettings();
 webSettings.setJavaScriptEnabled(true);
 
And replace Existing URL By your Website URL in this codings.
  • ·         Now again Copy and paste below codes just between} YOUR CODES} (this is the final codes)
public class mywebClient extends WebViewClient{
        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon){
            super.onPageStarted(view,url,favicon);
        }
        @Override
        public boolean shouldOverrideUrlLoading(WebView view,String url){
            view.loadUrl(url);
            return true;
        }
    }
@Override
    public void onBackPressed(){
        if(mywebView.canGoBack()) {
            mywebView.goBack();
        }
    else{
        super.onBackPressed();
            }
}
  • ·         Now click on  Bitmapthen press ALT+Enter from Keyboard on this codings.
 

Step-6: Publish your App

 
  • ·         Go to Build menu from top bar
  • ·         Select Generate signed Bundle/Apk
  • ·         Now Check for APK (select Apk)
  • ·         Click Next 
  • ·         Give Key Store path: Click Create New
  • ·         Select folder icon on Key store path and select your path where you want to save your Apk file.
  • ·         Now put Password on password section (put same password)
  • ·         Change Validity years from 25 to 50,60,80 as per your choice
  • ·         Fill certificate as per your Details.
  • ·         Then Click on OK.
 
  • ·         Now select remember password
  • ·         Click on Next
  • ·         Click on Release (select it)
  • ·         Check both Signature Versions (Select both options)
  • ·         Click on Finish
 Step-7: Launching Your App
  • ·         It may take some times to build your app. After built your app click on down arrow to   locate your app
  • ·         Then rename it with your App name
  • ·         Then Download/Copy on your Android Device
  • ·         Install it
  • ·         Then Run it on your Device.
  • Now You have created your app for your Website.


How to Change App Icon for your App?

 
Before Built your application if you want to add your own icon on your app then You Should follow few steps here:
  • ·         Go to App Menu bar Left side
  • ·         Expand app
  • ·         Expand res
  • ·         Select Drawable
  • ·         Right click on it and click New
  • ·         Select Image Asset and open it
 
  • ·         Then Locate your Icon path on Path section

Note: You can add image, ClipArt, Text for your App Icon.
Your Icon must be 500 x 500 Pixel, you should create it manually or convert through Online.For Online Convertor Click Here

  • ·   You can see preview on right side, make sure your image will fit on Google play store, for this you can drag Resize arrow.
  • ·    Then Click Next
  • ·     Click Finish
  • ·      Now Build your app again for this Repeat Step-6 and Step-7


 
 
 

 

Leave a Comment