Ir al contenido principal

Apache, Port Forwarding e IP Pública

Para acceder a una pagina web almacenada en el servidor Apache de tu maquina con tu Ip publica necesitas hacer dos cosas:

  1.  Instalar y configurar Apache. 
  2. Abrir los puertos en el router. 

Para instalar Apache puedes usar Xampp la instalación es sencilla... Siguiente, Siguiente ... Fin.
Una vez instalado deberíamos ponerle contraseña al servidor para eso primero abrimos el panel de control de xampp e iniciamos los servicios.
accedemos a http://localhost:80 y clicamos en chequeo de seguridad de la izquierda.



Nos advierte que el sistema es inseguro y que accedamos a http://localhost/security/xamppsecurity.php para solucionarlo. Le hacemos caso y actualizamos las contraseñas.


Ponemos nuestro usuarioy contraseña y lo hacemos seguro, si nos dice que  SUCCESS lo logramos.

Ahora vamos a crear nuestro sitio web, para eso vamos C:\xampp\htdocs y hacemos un directorio llamado miweb y dentro de el un archivo php llamado index.php con la linea de codigo <?php echo"hola";?>.
Si queremos proteger este directorio con autentificación necesitamos dos rchivos uno llamados .htpasswd y .htaccess.

Estos los puedes crear a mano o copiar y pegarlos de la carpeta forbidden de htdocs. Importante cambiar en .htaccess la ruta al fichero de nuestra web y el usuario y la contraseña en .htpasswd.

Accedemos a http://localhost:80/miweb/ nos pedirá usuario y contraseña.

Bien, hemos hecho lo mas dificil ahora debemos entrar a nuestro router. El mio es thomson y su ip es la primera  92.168.0.1 si nunca antes has entrado tienes que poner la contraseña y usuario por defecto, si no lo sabes busca en google por ejemplo en mi caso Thomson Router default password y enseguida lo encontraras.
Una vez dentro yo cambiaría la contraseña del router, para eso vamos a password y lo cambiamos
Necesitamos saber nuestra ip publica, vamos network y luego a WAN, también podemos encontrarla en cual-es-mi-ip-publica.com.
El paso clave es configurar el port forwarding. En mi router se configura en Advanced y en Forwarding. Es similar en todos los routers.
Lo que esta en rojo lo cambiáis por vuestra ip publica, la ip local la podeis saber tecleando ipconfig en el la terminal. el puerto 80 es el por defecto en Apache. Queremos abrir SOLO el puerto 80 por eso el Start Port y End Port son los mismos. el protocolo tiene que ser TCP y UDP así que marco los dos, y enabled On.
Aplicamos los cambios y probamos a http:/IpPublica:80/miweb/
Si hiciste el paso de autentificación nos pedirá nombre y contraseña.
Si sale un aviso de New XAMPP security concept tenemos que editar el archivo C:\xampp\apache\conf\extra\httpd-xampp para que acepte peticiones de fuera de la red local.
Comentamos con almoadilla las ultimas 3 lineas quedando así:

Guardamos y reiniciamos Apache con el panel de control de Xampp,
Ya podemos compartir con nuestros amiguitos paginas, descargas, porno o lo que te de la gana. Pero al loro que no te crackeen la PC...Recuerda darles la contraseña para el directorio. Para desactivar el acceso publico basta con editar nuestra entrada en port forwarding y poner enabled a off.

tutorial configurar ip publica bt ionilancer





Comentarios

Entradas populares de este blog

Umask - qué es y para qué sirve (Linux)

Umask - Entendiendo la umask La umask o mascara de usuario es un comando que determina los permisos predeterminados para nuevos archivos. La umask es el valor que se sustrae de los permisos 666 en archivo, o 777 en directorios al crearlos. Por ejemplo si la umask es 022 los nuevos archivos tendran permisos 644 y los nuevos directorios 755. Al ser una operación a nivel de bite, bitwise , un valor 7 en la umask eliminará los permisos rwx en los directorios. pero en el caso de los archivos, cuyos permisos de partida serán rw- , es decir, 6, el resultado será ---, o sea, 0 y no -1.

Documentación jQuery ESP

Buenas!! ya sabéis que javascript es el lenguaje mas importante, por eso me he tomado la molestia de traducir la documentación de jQuery, también hay que decir que en practicas me han mandado hacer eso XD. Bueno pues si te interesa puedes descargarlo aquí o si quieres puedes entrar en librojquery  que es de donde e sacado los ejercicios. Un saludo.

Responsive Design con Media Querys

El Diseño Web Adaptable nos permite crear una web que se adapte a la resolución del dispositivo que la visita, es decir, que el diseño para movil, laptop y escritorio sea diferente. Las Media Querys  nos permiten cambiar el diseño de la web dependiendo del ancho de la pantalla, lo mejor es que solo hace falta saber algo de CSS. La idea es partiendo de un diseño base, ir cambiando solo lo necesario para adaptarlo al dispositivo. Tenemos CSS: #articulo, #panel{display:inline-block;widht:70%;} #panel{widht:30%;} Esto nos mostrara el #panel a la derecha de #articulo, ocupando todo el ancho de su elemento contenedor.  En los móviles el ancho es menor y puede que queramos que el artículo ocupe el 100% de la pantalla. Aquí es donde usamos la media query, seleccionamos el ancho en el que queremos cambiar el diseño, voy a usar 960px (Iphone). @media screen and (max-width:960px) {  #articulo   { widht:100%;   } } Le digo al navegador que cuando la