Cómo crear un área protegida de inicio de sesión para su sitio web

Anuncio publicitario

Has aprendido Cómo hacer un sitio web Cómo hacer un sitio web: para principiantesHoy te guiaré a través del proceso de creación de un sitio web completo desde cero. No se preocupe si esto suena difícil. Lo guiaré a través de él en cada paso del camino. Lee mas y lee nuestro guía de jQuery Una guía básica de JQuery para programadores de JavascriptSi eres un programador de Javascript, esta guía de JQuery te ayudará a comenzar a programar como un ninja. Lee mas . ¿Que sigue? Crear un área protegida con contraseña para su sitio web es esencial para mantener sus cosas seguras. Afortunadamente, ¡es más fácil de lo que piensas!

Empezando

Hay muchas formas de proteger con contraseña un sitio web. Podrías configurar un base de datos Entonces, ¿qué es una base de datos? [MakeUseOf Explains]Para un programador o un entusiasta de la tecnología, el concepto de base de datos es algo que realmente puede darse por sentado. Sin embargo, para muchas personas el concepto de base de datos en sí es un poco extraño ... Lee mas

y codifique su propio sistema de inicio de sesión, o puede utilizar un sistema de gestión de contenido como WordPress Cómo configurar un blog de WordPress autohospedado de forma gratuita Lee mas .

Hoy le mostraré cómo proteger con contraseña su sitio web mediante el uso de su servidor web.

Necesitarás un Servidor web Apache seguir adelante. Muchos otros servidores web proporcionan una funcionalidad similar, pero los pasos de configuración necesarios pueden ser diferentes.

Apache es uno de los servidores web más populares del planeta y, como su nombre indica, sirve a páginas web. Una frase común que puede haber escuchado es LÁMPARA, que significa Linux, Apache, MySQL y PHP / Python / Perl. No necesitará ningún lenguaje de programación o base de datos hoy, y tampoco necesita Linux: la variante de Windows se llama WAMP apilar.

Ahora hay muchas variaciones, ya que muchos sitios web cambian a motores de base de datos como PostgreSQL o servidores web como NGINX, pero LAMP es mucho más fácil de decir que LEMP, LAPP, LNMP o LNPP, por lo que se puede considerar más como una frase general.

Si usa un alojamiento web Los mejores servicios de alojamiento web: compartido, VPS y dedicado¿Busca el mejor servicio de alojamiento web para sus necesidades? Aquí están nuestras mejores recomendaciones para su blog o sitio web. Lee mas servicio para ejecutar su sitio web, ya está todo listo (siempre que ejecute Apache). Si no está seguro del tipo de alojamiento que necesita, consulte alojamiento de sitios web explicado Explicación de las diversas formas de alojamiento de sitios web [Explicación de la tecnología] Lee mas . Si desea desarrollar o experimentar en su propia computadora, deberá crear un entorno de desarrollo web virtual Cómo crear un servidor y un entorno de desarrollo web virtualEntonces, ¿cómo equilibra su capacidad para realizar múltiples tareas con su necesidad de desarrollar aplicaciones web en el contexto nativo donde se ejecutarán? Ingrese a las máquinas virtuales. Lee mas .

¿Qué es un archivo .htaccess?

Htaccess, o acceso de hipertexto es un archivo de configuración. Se utiliza para configurar Apache según sus necesidades. Funciona por directorio, por lo que puede tener un conjunto de reglas y configuraciones para su alojamiento de medios y otro conjunto totalmente diferente para su blog. Los archivos Htaccess se llaman así después de su nombre. Un archivo htaccess es un archivo de texto llamado .htaccess. Observe que no tiene nombre, sino que la extensión se llama htaccess. Esto puede estar oculto de forma predeterminada en Windows, así que eche un vistazo a cómo ver archivos y carpetas ocultos Cómo ver archivos y carpetas ocultos en Windows¿Necesita trabajar con un archivo o carpeta ocultos en Windows? A continuación, le mostramos cómo verlos con solo unos pocos clics. Lee mas en Windows si tiene problemas.

Estas son algunas de las cosas interesantes que puede hacer htaccess:

• Bloquear visitantes de spam.
• Comprima páginas sobre la marcha.
• Evite el enlace directo de imágenes.
• Sirve páginas de error personalizadas.

Es posible que haya visto páginas de error predeterminadas. Hacen el trabajo, pero parecen bastante básicos:

¡Con Apache puede hacer que estas páginas sean mucho más agradables, junto con una gran cantidad de otras características!

Configurar htaccess

Ahora que sabe qué es, configuremos htaccess. Primero debe habilitarlo, lo cual se hace editando el httpd.conf archivo, que es otro archivo de configuración de Apache. Busque la siguiente línea:

La ruta del directorio (/var/www/htdocs) es la ubicación de la raíz de su sitio web. Esto puede ser diferente si lo ha cambiado. Cambie la siguiente línea subsiguiente de esto:

AllowOverride Ninguno

A esto:

Permitir anular todo

Reinicie Apache y ahora estará listo para usar sus archivos htaccess. Si está utilizando un proveedor de alojamiento en línea, es posible que deba configurar estas opciones en su panel de control en línea.

Aquí está el código que necesita poner en su archivo htaccess:

AuthType Basic. AuthName "Área secreta de MUO" AuthUserFile /.htpasswd. Requerir usuario válido

Guarde este archivo htaccess en cualquier lugar que desee. Ponerlo en el nivel superior protegerá con contraseña todo su sitio web, o puede colocarlo en un directorio específico y solo proteger esa carpeta.

Hay dos cosas clave que está haciendo. los AuthName se presenta a cualquier usuario que intente iniciar sesión. En este caso, se establece en “Área secreta MUO”, pero puede cambiarlo a lo que desee. los AuthUserFile necesita apuntar a un válido .htpasswd expediente. Este archivo debe contener una lista de nombres de usuario y contraseñas en el siguiente formato:

contraseña de usuario

¡Eso es todo! Su sitio web o directorio ahora está protegido con contraseña. Así es como se ve cuando se le solicitan las credenciales:

Su navegador controla la apariencia de este cuadro de inicio de sesión, por lo que no es posible configurarlo. Es posible que desee crear contraseñas seguras Cómo crear contraseñas seguras que pueda recordar fácilmente Lee mas y asegúrese de que el resto de la seguridad de su sitio web pueda hacer frente a cualquier acción potencialmente nefasta.

Profundizando

Ahora que conoce los conceptos básicos, veamos un ejemplo avanzado. Di que quieres dar tu Servidor web Raspberry Pi Cómo alojar su propio sitio web en una Raspberry Pi¿Necesita ejecutar un sitio web pero no puede pagar los costos de alojamiento? Cree su propio servidor web compatible con LAMP con una Raspberry Pi de baja potencia. Lee mas acceso a su directorio protegido. Puede configurar el Pi para que proporcione las credenciales de inicio de sesión correctas, pero es aún más fácil permitir el acceso sin contraseña para una dirección IP específica.

Configura tu Pi con un Dirección IP estáticay luego reemplace el ejemplo anterior con este nuevo código:

AuthType Basic. AuthName "Área secreta de MUO" AuthUserFile /.htpasswd. Requerir usuario válido. Orden denegar, permitir. Negar todo. Permitir desde 127.0.0.1. Satisfacer cualquier

Este código contiene las mismas instrucciones que el ejemplo anterior, con la adición de algunas líneas adicionales en la parte inferior. El más importante es este:

Permitir desde 127.0.0.1

Esto le dice a Apache que permita la dirección IP 127.0.0.1 acceso sin contraseña. Cualquiera que provenga de una dirección IP diferente deberá proporcionar un nombre de usuario y contraseña válidos. Asegúrese de cambiar 127.0.0.1 a la dirección IP de su Pi o cualquier otro dispositivo al que desee proporcionar acceso.

Esta es la página de error predeterminada si no inicia sesión correctamente o no tiene la dirección IP correcta

Consejos de rendimiento

Htaccess proporciona una forma brillante de configurar una variedad de cosas en su servidor web, especialmente si no tiene mucho control sobre el resto del servidor. Sin embargo, es fácil dejarse llevar y reducir significativamente el rendimiento de su sitio web. Si puede, considere usar PHP o cualquier otro lenguaje para realizar tareas complejas y guarde htaccess para cuando sus requisitos sean menores o no tenga el control total del servidor.

¿Aprendiste algo nuevo hoy? ¿Cuáles son tus trucos favoritos de htaccess? ¡Háganos saber en los comentarios a continuación!