En este art\u00edculo, te introduciremos en el concepto de Android Webview y discutiremos las causas del error NET::ERR_CLEARTEXT_NOT_PERMITTED. A continuaci\u00f3n, te mostraremos tres formas de solucionar el error. \u00a1Manos a la obra!<\/p>\n
\u00bfQu\u00e9 Es Android Webview?<\/h2>\n
Webview<\/a> es una funci\u00f3n del sistema operativo Android que permite a las aplicaciones mostrar p\u00e1ginas web sin utilizar un navegador. Esta caracter\u00edstica es com\u00fan en las aplicaciones web, que b\u00e1sicamente son wrappers que permiten que los sitios web se instalen en tu tel\u00e9fono como aplicaciones:<\/p>\n Aunque Webview te permite acceder a sitios web a trav\u00e9s de apps, no obtienes la misma cantidad de funciones que en un navegador. Si est\u00e1s navegando por la web, un navegador como Chrome<\/a> siempre te proporcionar\u00e1 una experiencia mejor que Webview.<\/p>\n El error NET::ERR_CLEARTEXT_NOT_PERMITTED es exclusivo de las aplicaciones que utilizan Webview en el SO Android. No te encontrar\u00e1s con este error cuando utilices un navegador como Chrome. Si intentas acceder a un sitio web creado con PHP<\/a> a trav\u00e9s de HTTP en lugar de un canal seguro con un navegador normal, es posible que te encuentres con otros errores, como advertencias de \u00abNo Seguro\u00bb.<\/p>\n\n Si configuras Webview para que cargue una p\u00e1gina que utilice HTTP<\/a> o que contenga otro tipo de informaci\u00f3n no cifrada, la aplicaci\u00f3n devolver\u00e1 el siguiente error (estamos utilizando una herramienta de desarrollo de aplicaciones Android para mostr\u00e1rtelo):<\/p>\n El error no significa que el sitio web sea inaccesible o sufra problemas t\u00e9cnicos. De hecho, si intentas acceder a la misma URL<\/a> utilizando otro navegador, es posible que no te encuentres con ning\u00fan tipo de error. Como mucho, si se trata de una URL HTTP, puede que veas un icono que indica que est\u00e1s visitando un sitio web no seguro.<\/p>\n Como el error solo aparece dentro de las aplicaciones de Android, puede hacer creer a los usuarios que hay un problema con la propia aplicaci\u00f3n. Sin embargo, hay formas de evitar y solucionar este error, tanto si eres un desarrollador de aplicaciones como si est\u00e1s a cargo del sitio web que lo muestra. Si eres un usuario final, hay poco que puedas hacer aparte de intentar acceder al sitio web utilizando un navegador.<\/p>\n Por defecto, Android impide que las apps env\u00eden accidentalmente datos sin cifrar o \u00abcleartext\u00bb. Esta ha sido la configuraci\u00f3n predeterminada para las aplicaciones desde Android 9.0.<\/p>\n Esta configuraci\u00f3n se aplica a las aplicaciones que utilizan Android Webview. Por eso el error NET::ERR_CLEARTEXT_NOT_PERMITTED solo aparece dentro de las apps y no en los navegadores dentro del SO Android.<\/p>\n Como la causa principal del error es la informaci\u00f3n no cifrada, hay diferentes formas de solucionarlo. Si eres el desarrollador de la aplicaci\u00f3n, puedes modificar los archivos de configuraci\u00f3n que habilitan el soporte para cleartext.<\/p>\n Alternativamente, si eres el propietario del sitio web, puedes configurar todas las p\u00e1ginas del sitio para que se carguen a trav\u00e9s de HTTPS. De esta forma, los usuarios no tendr\u00e1n que lidiar con canales sin cifrar, y las aplicaciones de Android que apunten a tu sitio web no devolver\u00e1n el error NET::ERR_CLEARTEXT_NOT_PERMITTED.<\/p>\n En esta secci\u00f3n, te mostraremos c\u00f3mo solucionar el error NET::ERR_CLEARTEXT_NOT_PERMITTED directamente en Android y desde tu sitio web. Necesitar\u00e1s acceso a un dispositivo Android para solucionar el error y comprobar si persiste.<\/p>\n Cada aplicaci\u00f3n Android incluye un archivo AndroidManifest.xml<\/strong><\/a>. El archivo contiene informaci\u00f3n sobre la aplicaci\u00f3n que es necesaria para el sistema operativo, Google Play Store y algunas herramientas para desarrolladores.<\/p>\n El archivo AndroidManifest.xml<\/strong> tambi\u00e9n incluye informaci\u00f3n sobre los permisos de las claves y sobre si la aplicaci\u00f3n puede cargar cleartext a trav\u00e9s de Webview o no. Ten en cuenta que Google desaconseja permitir el cleartext debido a problemas de seguridad, por lo que este procedimiento de soluci\u00f3n de problemas deber\u00eda ser una soluci\u00f3n temporal hasta que el sitio web que est\u00e1s cargando cambie al tr\u00e1fico cifrado<\/a>.<\/p>\n Para localizar y editar AndroidManifest.xml<\/strong> (que es similar a editar un archivo HTML<\/a>), necesitar\u00e1s acceder al archivo .apk<\/strong> de la aplicaci\u00f3n o al c\u00f3digo fuente del proyecto. Hay varias formas de acceder a los archivos fuente del proyecto de una aplicaci\u00f3n. El m\u00e9todo recomendado es utilizar Android Studio<\/a>, que es el Entorno de Desarrollo Integrado (IDE) oficial para desarrolladores de Android:<\/p>\n Una vez que abras un proyecto en Android Studio<\/a>, podr\u00e1s ver todos sus archivos relacionados en directorios estandarizados. El archivo AndroidManifest.xml<\/strong> se encontrar\u00e1 dentro del directorio manifests<\/strong>:<\/p>\n Abre el archivo y busca el subelemento application<\/strong><\/a>, que deber\u00eda tener este aspecto:<\/p>\n Las variables dentro del subelemento application <\/strong>pueden cambiar, as\u00ed que tendr\u00e1s que buscar las etiquetas de apertura y cierre de la aplicaci\u00f3n <\/strong>para identificarlas. Una vez localizadas las etiquetas, pega la siguiente l\u00ednea de c\u00f3digo:<\/p>\n Si ya hay una variable usesCleartexTraffic <\/strong>establecida en false<\/strong>, c\u00e1mbiala a true. <\/strong>Cuando hayas terminado, guarda los cambios en AndroidManifest.xml<\/strong> y cierra el archivo, despu\u00e9s guarda los cambios en el proyecto.<\/p>\n A partir de Android 7.0, Google permite a las aplicaciones utilizar un archivo de configuraci\u00f3n de seguridad de red<\/a> para establecer permisos para dominios y aplicaciones espec\u00edficos. En pocas palabras, puedes utilizar network_security_config.xml<\/strong> para eludir las restricciones de texto claro para uno o m\u00e1s dominios.<\/p>\n Este enfoque es m\u00e1s seguro que habilitar el soporte cleartext en toda la aplicaci\u00f3n (como se muestra en el m\u00e9todo anterior). Sin embargo, lo m\u00e1s seguro ser\u00eda enlazar \u00fanicamente a p\u00e1ginas seguras mediante Webview.<\/p>\n Lo ideal es que s\u00f3lo utilices uno de estos dos enfoques, ya que habilitar el soporte cleartext en toda la aplicaci\u00f3n significa que no tienes que permitir dominios espec\u00edficos. Si quieres optar por el enfoque m\u00e1s seguro, sigue este m\u00e9todo.<\/p>\n Teniendo esto en cuenta, vamos a crear un archivo network_security_config.xml<\/strong> para tu aplicaci\u00f3n. Para ello, abre el proyecto de la aplicaci\u00f3n con Android Studio (como se indica en la secci\u00f3n anterior) y navega hasta el directorio res<\/strong>.<\/p>\n Este directorio incluye todos los archivos que no son de c\u00f3digo de un proyecto de aplicaci\u00f3n, incluidos los archivos XML (aparte de AndroidManifest.xml<\/strong>), im\u00e1genes de mapa de bits, etc. Crea un archivo llamado network_security_config.xml<\/strong> dentro del directorio res<\/strong>. A continuaci\u00f3n, abre el archivo y a\u00f1ade el siguiente c\u00f3digo:<\/p>\n Este c\u00f3digo especifica que s\u00f3lo un dominio puede utilizar cleartext. Puedes a\u00f1adir m\u00e1s elementos \u00abdomain includeSubdomains<\/strong>\u00bb para permitir URLs adicionales. Sin embargo, por razones de seguridad, te recomendamos que limites esta configuraci\u00f3n solo a los dominios que lo necesiten estrictamente.<\/p>\n Guarda los cambios en network_security_config.xml<\/strong> y vuelve al directorio manifests<\/em>. Para que la configuraci\u00f3n de seguridad de red funcione, tendr\u00e1s que editar de nuevo AndroidManifest.xml<\/strong>.<\/p>\n Abre el archivo y busca el subelemento application<\/strong>. A continuaci\u00f3n, a\u00f1ade la siguiente l\u00ednea de c\u00f3digo dentro de sus etiquetas:<\/p>\n Cierra AndroidManifest.xml<\/strong> despu\u00e9s de guardar los cambios en el archivo y ya est\u00e1. Tu aplicaci\u00f3n deber\u00eda activar ahora el cleartext para el dominio que hayas especificado.<\/p>\n La soluci\u00f3n m\u00e1s segura al error NET::ERR_CLEARTEXT_NOT_PERMITTED es configurar el sitio web que devuelve el mensaje de error para que utilice HTTPS<\/a>. De esta forma, todos los datos transmitidos hacia y desde el sitio web estar\u00e1n encriptados.<\/p>\n En la web moderna, no hay raz\u00f3n para no <\/em>utilizar HTTPS en tu sitio web. Puedes conseguir un certificado SSL (Secure Sockets Layer)<\/a> gratis y configurarlo en tu sitio en cuesti\u00f3n de minutos. De hecho, algunos alojamientos web (como Kinsta) pueden encargarse de todo el proceso por ti.<\/p>\n Cuando contratas un plan de alojamiento de Kinsta, configuramos autom\u00e1ticamente un certificado SSL para tu sitio web. Adem\u00e1s, puedes forzar que tu sitio web se cargue a trav\u00e9s de HTTPS desde tu panel de control MyKinsta.<\/p>\n Para ello, accede a MyKinsta, selecciona un sitio web y ve a la pesta\u00f1a Herramientas<\/strong>. Busca la opci\u00f3n que dice Forzar HTTPS <\/strong>y haz clic en Activar<\/strong>:<\/p>\n Si no utilizas Kinsta, puedes modificar tu archivo .htaccess<\/strong> de WordPress para redirigir el tr\u00e1fico HTTP a trav\u00e9s de HTTPS<\/a> o utilizar un plugin que haga el trabajo por ti. Si optas por esto \u00faltimo, te recomendamos que utilices el plugin Really Simple SSL<\/a>.<\/p>\n Puedes consultar este art\u00edculo para obtener instrucciones sobre c\u00f3mo redirigir HTTP a HTTPS<\/a> en Nginx y Apache<\/a>, y c\u00f3mo utilizar el plugin en cuesti\u00f3n. Despu\u00e9s de configurar tu sitio web para que utilice HTTPS, ya no deber\u00edas encontrarte con el error NET::ERR_CLEARTEXT_NOT_PERMITTED al utilizar Android Webview para navegar por \u00e9l.<\/p>\n\n Si te encuentras con el error NET::ERR_CLEARTEXT_NOT_PERMITTED en Android, entonces la aplicaci\u00f3n que est\u00e1s utilizando est\u00e1 intentando acceder a una p\u00e1gina web que quiere transmitir cleartext o informaci\u00f3n no segura. Android impide que las aplicaciones hagan esto para evitar comprometer los datos de los usuarios.<\/p>\n Si eres un usuario normal, tendr\u00e1s que utilizar un navegador para visitar la p\u00e1gina web que est\u00e1 devolviendo el error. Sin embargo, si eres el desarrollador detr\u00e1s de la aplicaci\u00f3n o del sitio web, puedes intentar modificar el archivo AndroidManifest.xml<\/strong>, permitir el dominio a trav\u00e9s de network_security_config.xml<\/strong> y forzar a tu sitio web a utilizar HTTPS.<\/p>\n Es mucho menos probable que los usuarios de Kinsta se encuentren con el error NET::ERR_CLEARTEXT_NOT_PERMITTED en sus propios sitios web. Esto se debe a que configuramos autom\u00e1ticamente certificados SSL para los nuevos sitios web y te permitimos redirigir el tr\u00e1fico a trav\u00e9s de HTTPS con unos simples clics. Explora nuestros planes de alojamiento web<\/a> o de aplicaciones<\/a> para encontrar el que mejor se adapte a tus necesidades<\/p>\n","protected":false},"excerpt":{"rendered":" Si utilizas Android, es posible que te encuentres con el error NET::ERR_CLEARTEXT_NOT_PERMITTED al intentar acceder a un sitio web o a una aplicaci\u00f3n web. Este error …<\/p>\n","protected":false},"author":117,"featured_media":62565,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1291,1340],"class_list":["post-62564","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-codigos-de-estado-http","topic-errores-del-sitio-web"],"yoast_head":"\n![\"Android](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/01\/android-webview.png\")
\u00bfQu\u00e9 Significa NET::ERR_CLEARTEXT_NOT_PERMITTED?<\/h2>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/01\/cleartext-not-permitted.png\"){kind=spacer}
\u00bfQu\u00e9 Causa el Mensaje NET::ERR_CLEARTEXT_NOT_PERMITTED?<\/h2>\n
C\u00f3mo Solucionar el Error \u00abNET::ERR_CLEARTEXT_NOT_PERMITTED\u00bb (3 Maneras)<\/h2>\n
1. Modificar AndroidManifest.xml<\/h3>\n
![\"Android](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/01\/android-studio.png\")
![\"Puedes](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/01\/androidmanifest.png\")
<application\n\nandroid:icon=\"@drawable\/ic_launcher\"\n\nandroid:label=\"@string\/app_name\"\n\nandroid:theme=\"@style\/AppTheme\" >\n\n<\/application><\/code><\/pre>\nandroid:usesCleartextTraffic=\u201dtrue\u201d<\/code><\/p>\n2. Permitir el Dominio Utilizando network_security_config.xml<\/h3>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\n\n<network-security-config>\n\n<domain-config cleartextTrafficPermitted=\"true\">\n\n<domain includeSubdomains=\"true\">yourwebsite.com<\/domain>\n\n<\/domain-config>\n\n<\/network-security-config><\/code><\/pre>\nandroid:networkSecurityConfig=\"@xml\/network_security_config\"<\/code><\/p>\n3. Forzar el Uso de HTTPS en Tu Sitio Web<\/h3>\n
![\"MyKinsta](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/01\/force-https.png\")
Resumen<\/h2>\n