Proteger directorios (carpetas) en nuestra web

Este tutorial se lo dedico a mi gran amiga Maria (Liablesa) a la que quiero mucho y  a Calu, las dos andan detrás de algo así, espero poder ayudarlas con este tuto 😉

Si quereis ver un ejemplo de lo que vamos ha hacer, click aquí (usuario: webmaster contraseña:12345)

Voy a intentar explicarme lo mejor posible, y hacer el tuto de forma que no se requieran conocimientos de apenas algún tipo, aunque doy por supuesto que sabeis manejar algún programa de ftp tipo filezilla o algún programa de diseño web como dreamweaver, para subir vuestros archivos a vuestro servidor.

 

Nos hará falta:

Url completa de nuestro servidor, nos la suelen dar en el email que nos manda con todos los datos de nuestro dominio, y suele ser del tipo: /home/virtual/sitio/var/www/design-sensation.es/

Un servidor que nos dé la posibilidad de modificar archivos .htaccess

Un editor de textos, puedes usar el block de notas de windows, yo utilizo notepad, pero cualquiera te vale.

Y un programa ftp para subir nuestros archivos, del tipo filezilla, o bien del tipo Dreamweaver o Frontpage.

 

Empezamos, imagino que ya teneis vuestro directorio (carpeta) preparadita para protegerla, pues vamos allá, dentro de esta carpeta vamos a crear un archivo, que vamos a llamar htacces.txt:

01

Abrimos el htacces con el editor de textos que queramos, como he dicho antes, yo utilizao notepad, pero puedes utilizar cualquier otro, incluso el block de notas de windows, y pegamos el siguiente código:

AuthUserFile /home/virtual/sitio/var/www/design-sensation.es/dir-prot/.htpasswd
AuthName LoQueQuieras
AuthType Basic

require user webmaster

 

Os explico un poquito:

-AuthUserFile : Url completa de tu web, más el directorio donde se encuentra, el archivo .htpasswd (es recomendable no ponerlo en la misma carpeta que queremos proteger y también és recomendable cambiar el nombre del archivo, pero recordad si lo haceis, modificarlo tanto en el .htacces como modificando el nombre del archivo .htpasswd

-AuthName: Aquí puedes poner lo que gustes que se vea en la ventanita de login

-AuthType: Basic (indica que el tipo de autentificación es básico)

-require user: Indica que usuarios que puede entrar, usando su contraseña, pondremos todos los usuarios con un espacio en blanco entre ellos, por ej:   require user webmaster usuario1 usuario2 usuario3

 

Venga, pues nos vamos por el .htpasswd. Tal y como hemos echo con el .htacces, creamos un nuevo archivo y lo llamamos .htpasswd, dentro vamos a poner los usuarios y las contraseñas de acceso, deber se así:

webmaster:WR8/UsI82mjAM

usuario1:WR8/UsI82mjAM

 

Como veis las contraseñas están encriptadas, esto es muy sencillo de hacer, yo siempre uso una de estas dos páginas para ello: http://www.e2.u-net.com/htaccess/make.htm o http://md5encryption.com/ cualquiera de las dos sirbe, en el caso de la primera, especificamos el nombre de usuario y la contraseña y te la da todo preparadito para pegarlo en el archivo, en el caso de la segunda solo te da la contraseña encriptada.

 

Ahora vamos a subir los archivos a nuestros servidor, con nuestro programa de ftp favorito, yo suelo usar filezilla, pero puedes usar el que más te guste, una vez nuestros archivos estén subidos, debemos modificar su nombre (renombrar o cambiar nombre, dependiendo del programa que utilicemos), el htaccess.txt debe pasar a ser .htacces y el htpasswd.txt pasar a ser  .htpasswd, así tal cual, sin extensión ni nada y con su puntito, esto solo podemos hacerlo una vez estén los archivos subidos  a nuestra web y mediante el ftp, ya que windows no os va a dejar.

Tan sencillo como esto 😉 ya tenemos nuestro directiro protegido!

 

Se puede jugar mucho con nuestro .htacces por ej podemos hacer que solo algunos archivos estén protegidos en lugar de todo el directorio, es tán fácil como poner la siguiente variable:

AuthUserFile /home/virtual/sitio/var/www/design-sensation.es/dir-prot/.htpasswd
AuthName LoQueQuieras
AuthType Basic

<Files “archivo1.html”>
 Require valid-user

</Files> <Files “archivo2.html”>
 Require user webmaster
</Files>

En fin, espero que os haya sido facilito, de todas formas y para aquellos que no se animen ha hacerlo manualmente, les dejo aquí un zip con todos los archivos necesarios, tan solo listos para modificar con vuestros datos.

Saludos!!

2008©almaweb.es

 

 

2 Comments

  • No pues esta excelente el truquito, realice los pasos y ahora cuando quiero accesar a mi pagina me marca ERROR.

    Internal Server Error
    The server encountered an internal error or misconfiguration and was unable to complete your request.
    Please contact the server administrator to inform of the time the error occurred and of anything you might have done that may have caused the error.

    More information about this error may be available in the server error log.

  • gracias lo probaré.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.