Access Local Servers (Español)

aloja un sitio en un servidor web de la máquina de desarrollo, luego accede al contenido de un dispositivo Android.,

con un cable USB y Chrome DevTools, puede ejecutar un sitio desde una máquina de desarrollo y luego verlo en un dispositivo Android.

TL;DR

• El reenvío de puertos le permite ver el contenido del servidor web de su máquina de desarrollo en su dispositivo randroid.
• Si su servidor web está utilizando un dominio personalizado, puede configurar su dispositivo Android para acceder al contenido de ese dominio con asignación de dominio personalizada.

configurar el reenvío de puertos

el reenvío de puertos permite a su dispositivo Android acceder al contenido que está alojado en el servidor web de su máquina de desarrollo., El reenvío de puertos funciona creando un puerto TCP de escucha en su dispositivo Android que se asigna a un puerto TCP en su máquina de desarrollo. El tráfico entre los puertos viaja a través de la conexión USB entre su dispositivo Android y la máquina de desarrollo, por lo que la conexión no depende de su configuración de red.

para habilitar el reenvío de puertos:

1. configure la depuración remota entre su máquina de desarrollo y su dispositivo randroid. Cuando hayas terminado, deberías ver tu dispositivo Android en la lista.
2. haga clic en el botón de reenvío de puertos. localhost:8080 está configurado de forma predeterminada.,
3. marque habilitar reenvío de puertos. Si desea configurar otros puertos, siga los pasos 4 y 5. De lo contrario, vaya al paso 6.
4. En el campo de texto de puerto a la izquierda, ingrese el localhost número de puerto desde el cual desea poder acceder al sitio en su dispositivo Android. Por ejemplo, si desea acceder al sitio desde localhost:5000, ingrese 5000.,
5. En el campo de texto dirección IP y puerto a la derecha, ingrese el nombre de host IP addressor en el que se ejecuta su sitio en el servidor web de su máquina de desarrollo, seguido del número de Puerto. Por ejemplo, si su sitio se ejecuta en ellocalhost:7331 escribiría localhost:7331.
6. haga clic en Listo.

ahora está configurado el reenvío de puertos. Puede ver un indicador de estado del portforward en la parte superior, así como además del nombre del dispositivo.,

para ver el contenido, abra Chrome en su dispositivo Android y vaya al puerto localhost que especificó en el campo Device port. Porejemplo, si usted entró a 5000 en el campo, entonces tendría que ir alocalhost:5000.

mapear dominios locales personalizados

la asignación de dominios personalizados te permite ver contenido en un dispositivo Android desde un servidor web en tu equipo de desarrollo que utiliza un dominio personalizado.,

por ejemplo, supongamos que su sitio utiliza una librería JavaScript de terceros que solo funciona en el dominio listado de permisos chrome.devtools. Por lo tanto, crea una entrada en su archivo hosts en su máquina de desarrollo para asignar este dominio a localhost (es decir, 127.0.0.1 chrome.devtools). Después de configurar la asignación de dominios personalizados y el reenvío de puertos, podrá ver el sitio en su dispositivo randroid en la URL chrome.devtools.,

configurar el reenvío de puertos al servidor proxy

para asignar un dominio personalizado, debe ejecutar un servidor proxy en su máquina de desarrollo. Ejemplos de servidores proxy son Charles, Squid y Fiddler.

para configurar el reenvío de puertos a un proxy:

1. ejecute el servidor proxy y anote el puerto que está utilizando. Nota: el servidor proxy y su servidor web deben ejecutarse en puertos diferentes.
2. configurar el reenvío de puertos a su dispositivo Android. Para el campo Dirección Local, introduzca localhost: seguido del puerto en el que se está ejecutando el servidor proxy., Por ejemplo, si se está ejecutando en el puerto 8000,entonces ingresaría localhost:8000. En el campo device port ingrese el número que desea que su dispositivo Android escuche, como 3333.

configurar la configuración del proxy en su dispositivo

a continuación, debe configurar su dispositivo Android para comunicarse con el servidor proxy.

1. en su dispositivo Android vaya a Configuración > Wi-Fi.
2. mantenga pulsado el nombre de la red a la que está conectado actualmente.Nota: la configuración del Proxy se aplica por red.,
3. pulse Modificar red.
4. pulse Opciones avanzadas. Se muestra la configuración del proxy.
5. pulse el menú Proxy y seleccione Manual.
6. Para el campo Nombre de host del Proxy, introduzca localhost.
7. Para el campo Puerto Proxy, introduzca el número de puerto que introdujo para el puerto de dispositivo en la sección anterior.
8. Pulse Guardar.

con esta configuración, su dispositivo reenvía todas sus solicitudes al proxy en su máquina de desarrollo. El proxy realiza solicitudes en nombre de su dispositivo,por lo que las solicitudes a su dominio local personalizado se resuelven correctamente.,

ahora puede acceder a dominios personalizados en su dispositivo Android Android como lo haría en la máquina de desarrollo.

si su servidor web se está ejecutando desde un puerto no estándar, recuerde especificar el puerto cuando solicite el contenido de su Androiddevice. Por ejemplo, si su servidor web está utilizando el dominio personalizadochrome.devtools en el puerto 7331, cuando vea el sitio desde su dispositivo Androiddevice, debe usar la URL chrome.devtools:7331.,

sugerencia: para reanudar la navegación normal, recuerde revertir la configuración del proxy en su dispositivo Android después de desconectarse de la máquina de desarrollo.

Feedback