Mostrar una Pagina Web en una Aplicación Android usando el componente WebView

El componente WebView permite el contenido de una pagina web como parte de nuestra aplicación android.

El componente WebView es muy útil si tenemos una aplicación web desarrollada en un framework mobile como ionic, semantic ui o jquery mobile.

Con el componente WebView el usuario puede usar la aplicación como si fuera un navegador donde únicamente navegaría dentro de la pagina web que le insertemos mediante una URL.

Código

Para insertar un web view en nuestra aplicación necesitamos 2 partes de código, una es el XML del componen y otra es la programación en java.

Código XML 1

Este código debe ir en el archivo AndroidManifest.xml y permite que la aplicación tenga acceso a internet.

<uses-permission android:name="android.permission.INTERNET" />

Código XML 2

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

Este código debe ir en el layout o diseño de la aplicación, normalmente dentro de un LinearLayout o ConstraintLayout. El id asignado lo usaremos en el código java.

Código Java

// Bloque 1
WebView view = (WebView) findViewById(R.id.webview1);
WebSettings webSettings = view.getSettings();
webSettings.setJavaScriptEnabled(true);
view.loadUrl("http://evilnapsis.com/demo/inventio-max-master/");
// Bloque 2
view.setWebViewClient( new WebViewClient(){
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return false;
    }
});

El código esta dividido en 2 bloques, el primer bloque sirve para inicializar y mostrar una pagina web, el segundo bloque sirve para que cuando demos click en un enlace dentro de la pagina este se cargue dentro de la misma aplicación.

Si no agregamos el código del Bloque 2, al hacer click en un enlace se abrirá el navegador por default.

• En la linea 2 obtenemos el componente WebView que agregamos en el layout xml
• En la linea 3 obtenemos las configuraciones
• En la linea 4 habilitamos el uso de javascript en las configuraciones
• En la linea 5 cargamos la URL que se va a mostrar, se usa el metodo loadUrl(param) y el parámetro debe ser la URL de una pagina web que vamos a mostrar.

Descarga

En el siguiente enlace les dejo la aplicación APK compilada.

Link: https://drive.google.com/file/d/1qCAbp2SPZZ5JAfmG3ovGv3jwvAPyb0_4/view

La descargas y la instalas en tu celular con Android y veras el resultado.

Servicio

Te ofrezco mis servicios para compilar un APK con la dirección de tu pagina web.

El costo del servicio es gratuito o si gustas puedes hacer una donación.

No dudes en contactarme desde mi pagina de contacto.