Create a App(web-view) for your website

How to create App(webview) for WordPress Updated

As mobile users got increasing many of people are no really using their web browsers in mobiles to search for a particular website. Now-a-days many mobile users are preferring apps for using their  favorite websites like Facebook, Google, Instagram and many other.

In this post I will share how you can change your WordPress website (or) Blog and this is only valid for Android devices

A brief introduction of WordPress:

WordPress is an open source CMS( Content Management System)  powering more that 30% of websites in this vast source internet. Many people who are try to build a blog (or) a small store prefer WordPress. WordPress has thousands of plugins and themes for making your website better and even many of them help even to boost your SEO.

In this post I will  tell about 3 platforms which can automatically build you an android app without any coding after that I will give you an tutorial which will help you to build an webview for your website.

1.AppPresser

The First one in our list is AppPresser. This is a premium service where they say that there can build you native app for both Android and IOS versions. They also state that their apps are perfectly build for submitting to Play store and App store. You have build your app in their official site through their visual builder and download their plugin in you site and integrate it your wordpress and app through app Id. They don’t offer a demo nor a free trial. You can refer their website for more details.

Official site: https://apppresser.com

2.Mobiloud:

The second in he list is Mobiloud. This is also an premium service same as the one above. they do the same work AppPresser. The addition they offer is a free demo. You can refer their official site for the full detail.

Official site: https://mobiloud.com/

3.Androapp

The last one in my list is Androapp. this same as the above two but they offer a free version of their service but they will place their own ads in our app. their premium version is same as the app presser and mobiloud. Refer their website for the complete information

Official site: https://androapp.mobi/

All the above offer Admod, push notifications and all the required features of a native app in their premium version which may differ from each other.

Now If you want to create a webview app follow the process mentioned below

What is webview?

WebView is an Android activity where the app loads an particular URL. this is like a browser loading an same URL every time we open the app. The webview app not an native application which is like the app created by the above mentioned platforms. Still it would be helpful. follow the tutorial below.

Requirements:

1.Android Studio installed on your Computer

2.A Responsive WordPress website

Follow the below steps:

Step 1: Download and install Android studio

you can download android studio from https://developer.android.com/studio/

Step 2: Create an project

a)open android studio

b) click on new project

c) click on empty activity

d) give you app a name , choose language as java and click on finish

It will open you a new project like the one below

Step 4:Open res -> layout -> activity_main.xml (or) main.xml, create the application interface and add webview element to it.

->

  


    

Step 5: Open src -> main -> MainActivity.java and copy the code below and place it there. Here you must place your URL in load URL to load your website. this code below also has the module about what happen when you press back button.

  package com.yourapp.app;

import android.annotation.SuppressLint;
import android.support.v7.app.AppCompatActivity;
import android.content.DialogInterface;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {
    private WebView mywebView;

    @SuppressLint("SetJavaScriptEnabled")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mywebView = findViewById(R.id.webview);
        WebSettings webSettings=mywebView.getSettings();
        mywebView.loadUrl("https://hackingandprogramming.com;);
        mywebView.setWebViewClient(new WebViewClient());
        webSettings.setJavaScriptEnabled(true);
    }

    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();
        }
    }
}

Step 6: now place the internet permission code in AndroidManifest.xml file so that app can load the URL.

Step 7: Now go to Build in menu , go to Build Bundle/APK and click on Build APK to create your app APK file. If you did everything right you successfully get an apk file.

Leave a Reply

Your email address will not be published. Required fields are marked *