Python Django 入門トップページ

---

カスタムユーザ認証

1. プロジェクトの概要
2. プロジェクトの作成と初期設定
3. Users アプリケーションの作成と有効化
4. 認証にカスタムユーザモデルを利用する
5. モデルの作成
6. マイグレーション
7. ユーザの登録
8. 管理ユーザの登録
9. 管理サイトの作成
10. Comments アプリケーションの作成
11. ページ雛形の作成
12. ログイン・ログアウトの実装
13. Navbar の設置
14. Comments アプリケーションのユーザ認証
15. ユーザ一覧ページ
16. ユーザ詳細情報の表示
17. ユーザ情報の更新
18. パスワードの変更
19. Gmail 2段階認証の設定とアプリパスワードの取得
20. メールの設定と送信
21. パスワードのリセット
22. ユーザ登録機能の実装
23. ユーザ登録時に氏名も登録
24. ユーザ登録時にメールアドレスも登録
25. ユーザ登録してもログインできないように
26. ユーザ登録後にメールを送信
27. メール検証によるアカウントの有効化
28. トークン有効期限の変更
29. ログアウト後に top へリダイレクト
30. 検証メールの再送信
31. 未検証ユーザのログインエラーメッセージ
32. メールに有効期限を表示
33. フラッシュメッセージの変更
34. 未検証ユーザのパスワードリセット

---

カスタムユーザ認証

ユーザ詳細情報の表示

次はユーザの詳細情報を表示するページを作成します．まず URL を定義します．

/users/urls.pyコピー
from django.urls import path

from . import views

app_name = 'users'
urlpatterns = [
    path('', views.users_index, name='index'),
    path('<int:user_id>/', views.users_profile, name='profile'),
    path('login/', views.LoginView.as_view(), name='login'),
    path('logout/', views.LogoutView.as_view(), name='logout'),
]

次に views.py を編集します．

users/views.pyコピー
from urllib.parse import urlparse, urlunparse

from django.conf import settings

# Avoid shadowing the login() and logout() views below.
from django.contrib.auth import REDIRECT_FIELD_NAME, get_user_model
from django.contrib.auth import login as auth_login
from django.contrib.auth import logout as auth_logout
from django.contrib.auth import update_session_auth_hash
from django.contrib.auth.decorators import login_required
# from django.contrib.auth.forms import (
#    AuthenticationForm,
#    PasswordChangeForm,
#    PasswordResetForm,
#    SetPasswordForm,
# )
from django.contrib.auth.tokens import default_token_generator
from django.contrib.sites.shortcuts import get_current_site
from django.core.exceptions import ImproperlyConfigured, ValidationError
from django.http import HttpResponseRedirect, QueryDict
from django.shortcuts import resolve_url
from django.urls import reverse_lazy
from django.utils.decorators import method_decorator
from django.utils.http import url_has_allowed_host_and_scheme, urlsafe_base64_decode
from django.utils.translation import gettext_lazy as _
from django.views.decorators.cache import never_cache
from django.views.decorators.csrf import csrf_protect
from django.views.decorators.debug import sensitive_post_parameters
from django.views.generic.base import TemplateView
from django.views.generic.edit import FormView

from django.shortcuts import render
from django.shortcuts import get_object_or_404

# from django.shortcuts import redirect
# from django.urls import reverse
from .forms import AuthenticationForm

UserModel = get_user_model()

# Create your views here.

@login_required(login_url='/users/login/')
def users_index(request):
    # if not request.user.is_authenticated:
    #     return redirect('%s?next=%s' % (reverse('users:login'), request.path))
    context = {}
    context['usermodels'] = UserModel.objects.all()
    return render(request, 'users/index.html', context)

@login_required(login_url='/users/login/')
def users_profile(request, user_id):
    context = {}
    usermodel = get_object_or_404(UserModel, pk=user_id)
    context['usermodel'] = usermodel
    return render(request, 'users/profile.html', context)

次に profile.html を作成します．なお，現時点ではログインできたユーザは自分自身を含めすべてのユーザのメールアドレスやパスワード情報にアクセス出来ていることに注意してください．実際にはこのような情報は表示しないようにすべきでしょう．

users/templates/users/profile.htmlコピー
{% extends "base.html" %}

{% block title %}
ユーザ
{% endblock %}

{% block content %}
<h1 class="my-5">ユーザ</h1>

<div class="card mb-3">
    <div class="card-header">
        ID : {{ usermodel.id }}
    </div>
    <div class="card-body">
        <p class="card-text">User Name : {{ usermodel.username }}</p>
        <p class="card-text">First Name : {{ usermodel.first_name }}</p>
        <p class="card-text">Last Name : {{ usermodel.last_name }}</p>
        <p class="card-text">Email : {{ usermodel.email }}</p>
        <p class="card-text">Date Joined : {{ usermodel.date_joined }}</p>
        <p class="card-text">Last Login : {{ usermodel.last_login }}</p>
        <p class="card-text">Is Superuser : {{ usermodel.is_superuser }}</p>
        <p class="card-text">Is Staff : {{ usermodel.is_staff }}</p>
        <p class="card-text">Is active : {{ usermodel.is_active }}</p>
        <p class="card-text">Password : {{ usermodel.password }}</p>
    </div>
    <div class="card-footer">
        <p></p>
    </div>
</div>
{% endblock content %}

ユーザ一覧ページから詳細ページにアクセスできるようにリンクを設置します．

users/templates/users/index.htmlコピー
{% extends "base.html" %}

{% block title %}
ユーザ一覧
{% endblock %}

{% block content %}
<h1 class="my-5">ユーザ一覧</h1>
{% for usermodel in usermodels %}
    <div class="card mb-3">
        <div class="card-body">
            <h5 class="card-title">
                <a href="{% url 'users:profile' usermodel.id %}">
                    {{ usermodel.username }}
                </a>
            </h5>
            <p class="card-text">
                email: {{ usermodel.email }}<br>
                Full Name: {{ usermodel.first_name }} {{ usermodel.last_name }}
            </p>
        </div>
    </div>
{% endfor %}
{% endblock content %}

さらに，Navbar のメニューからは「自分自身」のプロフィールにアクセスするためのリンクを設置します．

comments/templates/base.htmlコピー
{% if user.is_authenticated %}
  <ul class="navbar-nav ml-auto">
    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
        {{ user.username }}
      </a>
      <ul class="dropdown-menu">
        <li><a class="dropdown-item" href="{% url 'users:profile' user.id %}">Profile</a></li>
        <li><a class="dropdown-item" href="#">Action</a></li>
        <li><a class="dropdown-item" href="#">Another action</a></li>
        <li><hr class="dropdown-divider"></li>
        <li><a class="dropdown-item" href="{% url 'users:logout' %}">ログアウト</a></li>
      </ul>
    </li>
  </ul>
{% else %}
  <ul class="navbar-nav ml-auto">
    <li class="nav-item">
      <a class="nav-link" href="{% url 'users:index' %}">Login</a>
    </li>
  </ul>
{% endif %}

ユーザ一覧のページには各ユーザにリンクが設置されました．

リンクをクリックするとユーザの詳細情報を表示できます．

Navbar の「Profile」からはログイン中の「自分自身」のプロフィールページが表示されることに注意してください．

目次に戻る

---