Como hacer MAMP visible en toda tu red local (tablets y telefonos)

  • 30/09/2013

Post traducido de Testing local server with MAMP/wordpress on mobile device?

Pregunta:
Me gustaría probar mi sitio en mi iPhone, he conseguido usando la siguiente URL: 192.234.2.32:8888.

El problema es que la página índice carga pero sin CSS. Si hago click en otra página, dice que no la encuentra.

Como puedo arreglar eso?

Yo uso xip.io para eso.

Qué es xip.io?

xip.io es un nombre mágico de dominio que facilita un DNS
de comodin para cualquier dirección IP.
Digamos que la dirección IP de tu LAN es 10.0.0.1. Usando xip.io,

        10.0.0.1.xip.io   dirige para   10.0.0.1
    www.10.0.0.1.xip.io   dirige para   10.0.0.1
 mysite.10.0.0.1.xip.io   dirige para   10.0.0.1
foo.bar.10.0.0.1.xip.io   dirige para   10.0.0.1

Usa una dirección de IP estática para el DHCP:

static dhcp IPv4 Address 192.168.1.101

Imagino que este roadmap puede ser aplicado en otros xAMPs, pero este ejemplo es con MAMP PRO. Selecciona el host1 que quieres usar (wp99.dev en este ejemplo), y en la pestaña Advanced utiliza lo siguiente como ServerAlias para los General Settings:
1 instrucciones para Apache en el artículo enlazado

ServerAlias wp99.*.xip.io

Antes de aplicar los cambios y reiniciar los servidores en MAMP, cambia los ajustes del sitio:

http://wp99.192.168.1.101.xip.io

Guarda los cambios en WordPress, reinicia los servidores en MAMP y haz login en el sitio.
Y ahora a probar en cualquier aparato o dispositivo en la red local.


En vez de cambiar los ajustes del sitio, una tecnica interesante es usar lo siguiente en tu archivo wp-config.php:

    require_once('/path/to/Browser-Detection/b5f-browsers.php');
    if( b5f_browser_check( 'mobile' ) )
    { 
    	define( 'WP_HOME', "http://wp99.{$_SERVER['SERVER_ADDR']}.xip.io");
    	define( 'WP_SITEURL',"http://wp99.{$_SERVER['SERVER_ADDR']}.xip.io");
    }

De esa manera, la versión desktop mantiene la dirección fácil (wp99.dev) y cuando se ve la página en un móvil la dirección xip.io es activada.

Aqui un Gist para el archivo `b5f-browsers.php`, que usa la Class PHP de Chris Schuld’s, Browser.php.


Relacionado:

Leave a reply

This entry was posted in Tutorial, WordPress and tagged , on .