Creación de Login y Registro de Usuarios en Django

Resumen

¿Cómo crear una aplicación de usuarios en Django?

Crear una aplicación de usuarios en Django puede parecer una tarea compleja al principio, pero no te preocupes, ¡es más sencillo de lo que parece! Django nos proporciona herramientas robustas y listas para utilizar, facilitando la implementación de la administración de usuarios, como el registro y login. En este paso a paso, te mostraré cómo separar tus aplicaciones por dominios, registrarlas correctamente y utilizar herramientas innovadoras para estilizar tus formularios.

¿Cómo separar aplicaciones por dominios en Django?

Lo primero que debes saber es que la organización de tus proyectos en Django por dominios es fundamental para asegurar un código limpio y mantenible. Esto significa que cada aplicación dentro de tu proyecto debe tener una responsabilidad específica.

Crea una nueva aplicación de Django usando el comando Manage startapp Users.
Registra la nueva aplicación en el archivo Settings.py dentro del diccionario Installed Apps.
Crea un archivo urls.py para manejar las rutas específicas de la nueva aplicación Users.

¿Cómo usar las vistas integradas de Django para usuarios?

Django ofrece múltiples vistas listas para ser utilizadas, que simplifican el manejo de usuarios.

from django.contrib.auth.views import LoginView

urlpatterns = [
    path('login/', LoginView.as_view(template_name='users/login.html'), name='login'),
]

Crea un template HTML dentro de una carpeta templates/users para personalizar la vista de login.
Extiende este template desde un archivo base para reutilizar estilos y configuraciones.

¿Cómo estilizar formularios con Crispy Forms y Tailwind?

Personalizar la apariencia de los formularios puede hacer una gran diferencia en la experiencia del usuario.

Instala Crispy Tailwind en tu proyecto para utilizar estos estilos en los formularios.

pip install django-crispy-forms[>=1.14.0]<2.0 crispy-tailwind

Añade los crispy_forms y crispy_tailwind a Installed Apps.
Utiliza <form method="POST">{% crispy form %}</form> en tus templates para aplicar estilos automáticamente.

¿Cómo configurar redirección y autenticación en Django?

La configuración de redirección es crucial para guiar correctamente a los usuarios después del login.

Configura LOGIN_REDIRECT_URL en Settings.py para determinar la URL de destino tras un login exitoso.
Cambia el método del formulario a POST y asegura la seguridad con {% csrf_token %}.

¿Cómo mostrar mensajes personalizados para usuarios loggeados?

Personalizar la interfaz dependiendo del estado del usuario mejora la interactividad de tu aplicación.

{% if user.is_authenticated %}
  <p>Hola, {{ user.username }}</p>
{% else %}
  <a href="{% url 'login' %}">Login</a>
{% endif %}

Usa plantillas base para mostrar el nombre de usuario si el usuario está autenticado.
Proporciona accesos rápidos para login o logout dependiendo del estado.

¿Cómo implementar un sistema de logout con Django?

Django simplifica la creación de una vista de logout mediante LogoutView.

Define una URL y asigna la vista LogoutView.
Añade un enlace de logout en tu template que condicione su visibilidad al estado autenticado del usuario.

¡Felicitaciones! Ahora tienes una aplicación de usuarios completamente funcional en Django, desde el login, estilos de formularios, hasta la administración de sesiones. Explora más en la documentación e implementa características adicionales. ¡El único límite es tu creatividad!

Mauricio Gomez Rivera

student•

Juan Daniel Sierra De Arco

student•

Hola, ¿qué tal disculpa me gustaría saber como puedo agregar la imagen, tengo es estilo, pero nada que doy con la ruta o si toca otra configuración?

Ricardo José Mardelli Godoy

student•

Usando tailwind y modelos de hyperui

Santiago Amaya

student•

no se mucho pero pues con ayuda de gpt y esta clase logre lo siguiente

Marco Esparza

company_admin•

Para cuando el resumen? es de gran ayuda para estar guardando los apuntes

jesus manuel vergara arias

student•

Tomando forma:

Bryan Castano

student•

Hi Guys, \nIt is Mine!

Josue Quichca

student•

Luis Martinez

teacher•

Está tomando buen rumbo el diseño!

Ernesto Jose Gomez Flores

student•

Bernar Serrano Rubiano

student•

Casi muero pero lo logre:

Ana Steisel

student•

La primera mitad del curso me costó mucho, pero poco a poco fluyendo

Luis Martinez

teacher•

Y qué lindo que te va quedando el login, ¿te ha gustado más el frontend o el backend?

Sergio Danilo Palacios Castillo

student•

Solución del Reto

Desde users.urls.py se importa LogoutView, y dentro de la lista de urls se agrega:

path("ENDPOINT/", LogOutView.as_view(next_page"PATH_NAME"), name="logOut"))
```Importante agregar el argumento \<form action="" method="post">    {% csrf\\\_token %} {{ form|crispy }}    \\\<button        class="inline-block rounded-sm border border-indigo-600 bg-indigo-600 px-12 py-3 text-sm font-medium text-white hover:bg-transparent hover:text-indigo-600 focus:ring-3 focus:outline-hidden"        type="submit"    >        Login    \\\</button>\\\</form>`next_page` dentro de la vista.

Por ultimo, en el template debemos poner el LOGOUT como sí fuera un formulario, ya que hacemos una petición al servidor, el metodo debe ser POST

```html
<form action="{% url "logOut" %}" method="post">
  {% csrf\_token %}
  <button type="submit">LogOut</button>
</form>

Robert Yesid Barrios Acendra

student•

Tengo el código tal cual lo hicieron pero me sale un erro 404, hasta la clase anterior todo bien, pero ya no. No puedo pasar del minuto 3. ¿Alguien que pueda ayudarme?

Pablo Chacaguasay

student•

Estamos en las mismas :(

Miguel Angel Castillo Enriquez

student•

Recuerda colocar todo las '/' al final de login debes colocar '/' ojala te pude ayudar

Andres Montes

student•

cerra sesion me toco con una funcion portq con la clase logoutview no me dejaba

urlpatterns = [
    path('login/',
         LoginView.as_view(template_name='users/login.html'), 
         name='login'),
    
    path('logout/',
         logout_view,
         name= 'logout'
        )
]
```en views quedo asi```python
from django.shortcuts import render
from django.contrib.auth import logout
from django.shortcuts import redirect
from django.contrib.auth.decorators import login_required

@login_required
def logout_view(request):
    logout(request)
    return redirect('login')

Miguel Angel Reyes Moreno

student•

Para el logout agregué en settings.py: LOGOUT_REDIRECT_URL = "login"

en urls.py:


from django.contrib.auth.views import LoginView, LogoutViewfrom django.urls import path
urlpatterns = \[    path("login/", LoginView.as\_view(template\_name="users/login.html"), name="login"),    path("logout/", LogoutView.as\_view(), name="logout"),]


{% extends "base.html" %} {% load tailwind\_filters %} {% block content %}\<h1 class="text-2xl font-bold text-gray-900 sm:text-3xl mb-5">Iniciar sesión\</h2>
{% if user.is\_authenticated %}    \<p>Hola, {{user.username}}\</p>{% endif %}
\<form action="" method="post">    {% csrf\_token %} {{ form|crispy }}    \<button        class="inline-block rounded-sm border border-indigo-600 bg-indigo-600 px-12 py-3 text-sm font-medium text-white hover:bg-transparent hover:text-indigo-600 focus:ring-3 focus:outline-hidden"        type="submit"    >        Login    \</button>\</form>{% endblock content %}

en product_list.html agregué un footer:


\<footer class="bg-gray-200">    {% if user.is\_authenticated %}    \<form action="{% url "logout" %}" method="post">        {% csrf\_token %}        \<button type="submit">Logout\</button>    \</form>    {% endif %}\</footer>

Cristhian Javier Delgado Fonseca

student•

Andres Rivera

student•

Usando Tailwind y free open source tailwind

Victor Nuñez

student•

Tengo la duda de porque el formulario funciona aunque no tenga un action definido ?

Luis Martinez

teacher•

El action que toma es la misma URL donde esta actualmente. Por eso funciona.

Luis Antonio Del Rio Salguero

student•

Con un poquito de ayuda de la IA, pero pues ahi la llevamos

Luis Martinez

teacher•

Genial, el uso de la IA va a ser muy importante para lograr cosas en el dia a dia, igual siempre es importante entender el código y lo que se hace.

Luis Antonio Del Rio Salguero

student•

@luis Martinez, justo es mas que nada para complementar mas que para hacer mi trabajo. Es mejor aprender a usar el pico y pala antes de usar la maquina excavadora jajajaja

Thomas Cornejo

student•

Hola, ¿Alguien ha logrado quitar el required que da Django en lo campos requeridos para el login, el Username y el Password?

Luis Martinez

teacher•

Cuéntame un poco más de contexto de porqué quieres hacer eso, y te puedo ayudar!

Andres Ricardo Martinez Diaz

student•

path("ENDPOINT/", LogOutView.as_view(next_page"PATH_NAME"), name="logOut"))
```Importante agregar el argumento \<form action="" method="post">    {% csrf\\\_token %} {{ form|crispy }}    \\\<button        class="inline-block rounded-sm border border-indigo-600 bg-indigo-600 px-12 py-3 text-sm font-medium text-white hover:bg-transparent hover:text-indigo-600 focus:ring-3 focus:outline-hidden"        type="submit"    >        Login    \\\</button>\\\</form>`next_page` dentro de la vista.

Por ultimo, en el template debemos poner el LOGOUT como sí fuera un formulario, ya que hacemos una petición al servidor, el metodo debe ser POST

```html
<form action="{% url "logOut" %}" method="post">
  {% csrf\_token %}
  <button type="submit">LogOut</button>
</form>

urlpatterns = [
    path('login/',
         LoginView.as_view(template_name='users/login.html'), 
         name='login'),
    
    path('logout/',
         logout_view,
         name= 'logout'
        )
]
```en views quedo asi```python
from django.shortcuts import render
from django.contrib.auth import logout
from django.shortcuts import redirect
from django.contrib.auth.decorators import login_required

@login_required
def logout_view(request):
    logout(request)
    return redirect('login')

from django.contrib.auth.views import LoginView, LogoutViewfrom django.urls import path
urlpatterns = \[    path("login/", LoginView.as\_view(template\_name="users/login.html"), name="login"),    path("logout/", LogoutView.as\_view(), name="logout"),]

{% extends "base.html" %} {% load tailwind\_filters %} {% block content %}\<h1 class="text-2xl font-bold text-gray-900 sm:text-3xl mb-5">Iniciar sesión\</h2>
{% if user.is\_authenticated %}    \<p>Hola, {{user.username}}\</p>{% endif %}
\<form action="" method="post">    {% csrf\_token %} {{ form|crispy }}    \<button        class="inline-block rounded-sm border border-indigo-600 bg-indigo-600 px-12 py-3 text-sm font-medium text-white hover:bg-transparent hover:text-indigo-600 focus:ring-3 focus:outline-hidden"        type="submit"    >        Login    \</button>\</form>{% endblock content %}

\<footer class="bg-gray-200">    {% if user.is\_authenticated %}    \<form action="{% url "logout" %}" method="post">        {% csrf\_token %}        \<button type="submit">Logout\</button>    \</form>    {% endif %}\</footer>

Creación de Login y Registro de Usuarios en Django

Fundamentos de Django

Entornos Virtuales y Configuración de Django en Python

Instalación de entornos virtuales y Django en Windows: guía paso a paso”

Instalación y configuración de Django con pip y django-admin

Arquitectura MVT en Frameworks Web: Model, View y Template

Modelo, Vista y Plantilla en Django: Creación y Conexión Básica

La M en el Patrón: Modelo

Modelos y Migraciones en Django ORM

Manejo Avanzado de Modelos y Bases de Datos

Migraciones en Django: Creación de Tablas en la Base de Datos

Creación y Gestión de Campos en Tablas de Django ORM

Modificación y Eliminación de Datos en Base de Datos con Python

Relaciones y Asociaciones entre Modelos

Relaciones de Tablas Uno a Muchos con Django

Relaciones de Muchos a Muchos en Modelos de Base de Datos

Relaciones 1 a 1 en Django: Creación y Gestión de Perfiles de Autor

Uso de Managers en Django para Consultas de Base de Datos

Configuración de URLs y Vistas Avanzadas

URLs Dinámicas en Django: Creación y Gestión Eficiente

Vistas en Django: Funciones vs Clases y su Implementación

La T en el Patrón: Plantillas o Templates

Templates y Tags en Django: Creación de Aplicaciones Web

Desarrollo de Aplicaciones en Django

Configuración de Proyecto Django: Entorno, Extensiones y Repositorio

Creación de Modelos de Producto en Django para Cafeterías

Instalación y uso de Pillow para campos de imagen en Django

Creación y Gestión de Formularios con Django

Creación de Plantillas con Django y Tailwind CSS

Administración de Modelos en Django: Configuración y Uso de Django Admin

Creación de Login y Registro de Usuarios en Django

Creación de una Aplicación de Pedidos en Django

Detalle de Orden y Personalización de Vistas en Django

Corrección de errores en MyOrderView para autenticación de usuario

Crear y configurar vistas para agregar productos a una orden en Django

Django Rest Framework

Creación de APIs con Django REST Framework

Despliegue de aplicaciones Django

Configuración de Bases de Datos con Django y AWS RDS

Uso de Django Environ para Manejar Credenciales Seguras

Testing de Aplicaciones Django con Unit Tests

Despliegue de Proyectos Django en AWS: Configuración y Mejora de Código

Despliegue de Aplicaciones con AWS Elastic Beanstalk y Django