Convert Website To Android App Using Android Studio

Convert Website To Android App Using Android Studio

Whether you are using WordPress or any other platform for your website, it is very easy to Convert a Website to Android App Using Android Studio with some basic code. It helps you to make a professional look of your online business in the field of mobile app.

Hi everyone, I am Saroj Meher, today I am going to discuss with you how to convert any website into a professional Android App.

Steps to Convert Website To Android App Using Android Studio

STEP 1 – Editing AndroidManifest.xml

Give Internet permission in AndroidManifest.xml file.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.app">
    <uses-permission android:name="android.permission.INTERNET"></uses-permission>

   <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>

Note: package=”com.example.app“> – change the domain name and application name.

STEP 2 – Editing styles.xml

open style.xml file from res >> values >> styles.xml

Now replace all the pre code with this given code —

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

</resources>

STEP 3 – Editing activity_main.xml

Choose Android or Project >>App >>res >>layout >>activity_main.xml. Copy the code below and paste it in your xml file.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.app.MainActivity">

    <WebView
         android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

Note: In the line tools:context=”com.example.app.MainActivity” you need to put your domain name and app name.

STEP 4 – Editing MainActivity.java

Now move to the main codding part that is – MainActivity.java

Choose Android or Project >>App >>Java >>your app name >>MainActivity.java.

Paste the following code after the first line that is – package com.inspiritlive.application;

 import android.support.v7.app.AppCompatActivity;
 import android.os.Bundle;
 import android.webkit.WebSettings;
 import android.webkit.WebView;
 import android.webkit.WebViewClient;

 public class MainActivity extends AppCompatActivity {
 private WebView mywebView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mywebView = (WebView) findViewById(R.id.webview);
    WebSettings webSettings= mywebView.getSettings();
    webSettings.setJavaScriptEnabled(true);
    mywebView.loadUrl("https://example.com/");

// Line of Code for opening links in app
    mywebView.setWebViewClient(new WebViewClient());
    }

//Code For Back Button
    @Override
    public void onBackPressed(){
        if(webView.canGoBack()) {
            webView.goBack();
        }
        else{
            super.onBackPressed();
        }
    }

}

NOTE: Replace the URL (example.com) with your Domain Name.

Share with Care ❤️

Leave a Reply