Como mostrar tu web en una aplicación l3221

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 d4u4r

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 5gb4i

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 z734e

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 27t1x

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 v2w3z

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.futbolgratis.org/");
// 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 e5t32

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 6ty6z

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 4h2m6d

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.futbolgratis.org")) {
            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 645g15

Ejecutamos la aplicación.

Paso 7 (Opcional) 24241t

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 2g206v

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

Recomendamos Leer: 6o1r2r

- 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