Django: allauth の SignupFormに usernameのフォームを追加したい

Question

実現したいこと

Django: allauth の SignupFormに usernameのフォームを追加したいです。

前提

・フレームワークはDjango、DBはpostgreSQL、VMはDockerを使用。
・ユーザーはカスタムユーザー（AbstractUser） として作成
カスタムユーザー のモデルは以下のように作成。
・Pillowはインスロール済み

現状の状況

現在、Githubなどでソーシャル認証をしたあと、以下のようなフォームのページに遷移するように実装しています。

Emailは、SignupForm のデフォルトであるが、Account Name など、カスタマイズした情報もフォームに反映させるため、以下のようなカスタムフォームを作成しました。

forms.py

from django import forms
from allauth.socialaccount.forms import SignupForm
class MySocialSignupForm(SignupForm):

    CHOICE = {
    (False,'Individual'),
    (True,'Company'),
    }

    is_company = forms.ChoiceField(label='User Type', widget=forms.RadioSelect, choices= CHOICE, initial=False, required=True)
    account_name = forms.CharField(label="Account Name", required=True)
    username = forms.CharField(label="User Name", required=True)
    bio = forms.CharField(widget=forms.Textarea(), label="Bio", required=False)
    location = forms.CharField(label="location", required=False)
    website = forms.URLField(label="Website", required=False)
    avatar = forms.ImageField(label="Avatar", required=False)


    def save(self, request):
        # Ensure you call the parent class's save.
        # .save() returns a User object.
        user = super(MySocialSignupForm, self).save(request)
        user.account_name = request.POST.get("account_name")
        user.is_company = request.POST.get("is_company")
        user.bio = request.POST.get("bio")
        user.location = request.POST.get("location")
        user.website = request.POST.get("website")
        user.avatar = request.FILES.get('avatar') 
        user.save()
        # Add your own processing here.
        # You must return the original result.
        return user

しかし、username のフォームだけが表示させることができません。

おそらく、SignupFormのもともとの仕様で。emailしか表示しない仕様となっているとおもうのですが、usernameのformも作成したいです。

なお、ユーザーのモデルは、AbstractUserで以下のようにカスタマイズしており、usernameはユーザーテーブルのデフォルトの仕様で入っているusenameカラムを仕様しています。

models.py

from django.db import models
from django.contrib.auth.models import AbstractUser

class User(AbstractUser):
    account_name    = models.CharField(max_length=50)
    is_company      = models.BooleanField(blank=True, null=True)
    bio             = models.TextField(max_length=200, blank=True, null=True)
    location        = models.CharField(max_length=100, blank=True, null=True)
    website         = models.URLField(blank=True, null=True)
    avatar          = models.ImageField(upload_to='user-avatar/')
    created_at      = models.DateTimeField(auto_now_add=True)
    last_updated_at = models.DateTimeField(auto_now=True)

SignupFormに usernameのフォームを追加する方法について、アドバイスお願いいたします。

Answer 1

HTMLには個別にユーザーネームのinputタグを記入して、以下のように、デフォルトのユーザーネームを上書きする記載をしたら、実装できました。

user.username = request.POST.get("username")

（デフォルトのユーザーネームをinputタグのバリューに表示させる方法はおそらくなさそうなのですが、上記の方法で、自分ののぞむ結果は得られたというかたちです。）