Como mostrar tu web en una aplicación 6j2z46

En este Tutoriales En Linea mostraremos el siguiente código que nos permite ejecutar cualquier página web en una App nativa de Android.
El siguiente código incluye la configuración para que se visualice tu sitio web con la clase WebView. La clase WebView es una extensión de la clase View de Android que le permite mostrar páginas web como parte del diseño de su actividad. En el siguiente ejemplo utilizaremos un ejemplo de Android Studio con la actividad de Basic Activity.

Paso 1 5n5r3g

Sin embargo, antes de que funcione su aplicación debe tener a Internet. Para obtener a Internet, solicite el permiso de Internet en su archivo de manifest (Este se encuentra en ppsrcmainAndroidManifest.xml). Esto depende si lanzamos un App o importamos algún ejemplo de Android Studio que previamente tenga los permisos concedidos. Por ejemplo:

<!-- Código agregado -->
<!-- Otorgamos permisos de Internet a nuestra aplicación -->
<uses-permission android:name="android.permission.INTERNET" />
<!-- Fin del código agregado -->

Paso 2 1t453a

Buscamos el siguiente archivo en la ruta siguiente: pp eslayoutctivity_main.xml  Y agregamos el siguiente código antes de </android..constraint.ConstraintLayout>:

<!-- Código agregado -->
<WebView
    android:id="@+id/activity_main_webview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
/>
<!-- Fin del código agregado -->

Paso 3 1x641u

Buscamos el siguiente archivo en la ruta siguiente: appjavacom.example.NOMBRE DE TU EQUIPO.NOMBRE DE TU APPMainActivity.java en este Tutoriales En Linea es appjavacom.example.alfa.tutorialesMainActivity.java

Paso 3-1 703y4q

Agregamos el siguiente código después de: public class MainActivity extends AppCompatActivity {

// Código agregado
private WebView mWebView;
// Fin del código agregado

Paso 3-2 6129u

Luego agregamos el siguiente código después de: setContentView(R.layout.activity_main);

// Código agregado
 mWebView = (WebView) findViewById(R.id.activity_main_webview);
// Activamos jаvascript
 WebSettings webSettings = mWebView.getSettings();
 webSettings.setJаvaScriptEnabled(true);
// Url que carga la app (webview)
 mWebView.loadUrl("https://tutorialesenlinea.mejordescarga.net/");
// Forzamos el webview para que abra los enlaces internos dentro de la la APP
 mWebView.setWebViewClient(new WebViewClient());
// Forzamos el webview para que abra los enlaces externos en el navegador
 mWebView.setWebViewClient(new MyAppWebViewClient());
// Fin del código agregado

Paso 3-3 60451o

Seguimos agregando el siguiente código después del primer cierre: }

// Código agregado
 @Override
// Detectar cuando se presiona el botón de retroceso
 public void onBackPressed() {
 if(mWebView.canGoBack()) {
 mWebView.goBack();
 } else {
 super.onBackPressed();
 }
 }
// Fin del código agregado

Paso 4 70p5d

Luego de tener los anteriores códigos puesto en el archivo, esto nos estara marcando error en colo rojo, nos ubicamos encima de ellos y damos clic en alt y intro(Enter), buscamos la clase MyAppWebViewClient clic encima de el y creamos una nueva clase como muestra la imagen:

Paso 5 545e6x

El  archivo creado se llamara ppMyAppWebViewClient.javaEstando en el borramos todo el código de la clase, es decir borramos todo lo que halla en este archivo y ponemos el siguiente:

package com.example.alfa.tutoriales(Esto lo cambia por el nombre tu tu App);

import android.content.Intent;
import android.net.Uri;
import android.webkit.WebView;
import android.webkit.WebViewClient;

// Código agregado
public class MyAppWebViewClient extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
// Url base de la APP (al salir de esta url, abre el navegador) poner como se muestra, sin https://
        if(Uri.parse(url).getHost().endsWith("tutorialesenlinea.mejordescarga.net")) {
            return false;
        }
        Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
        view.getContext().startActivity(intent);
        return true;
    }
}
// Fin del código agregado

Paso 6 131bk

Ejecutamos la aplicación.

Paso 7 (Opcional) 186a6c

Buscamos app esaluesstyles.xml y pp esaluescolors.xmly lo modificamos a nuestros gusto. Que son los archivos de los colores y estilo de nuestra aplicación.

<color name="colorPrimary">#4a4a4a</color>

Descargar 3t3x6e

• Código - opción 1
• Código - opción 2

Recomendamos Leer: 2x3e4p

- Crear un proyecto Android
- Ejecutar tu App desde Android Studio
- Comenzar En Android Studio Colocando Publicidad A Tu App
- Vídeo: Colocar Publicidad A Tu App