Allauth注册模板与一个页面上的正常和社交帐户

Question

我发现allauth模板有点难以理解，不能真正弄清楚我将如何创建一个模板，允许选择社交auth（FB在我的情况下）和正常的身份验证（电子邮件等），就像在Stackoverflow上的例子。

基本上我想使用{{ form.as_p }}使用注册视图。

Answer 1

您应该为“正常验证”创建用户/密码的表单，然后为社交验证页添加链接。

<form> 
user... pass... 
</form> 
<a href="">Facebook</a> 

Answer 2

您可以覆盖this模板（account/login.html）。

对于正常的登录表单，你可以有下面的代码片段，从提到的模板提取：

{% load i18n %} 
<form class="login" method="POST" action="{% url 'account_login' %}"> 
    {% csrf_token %} 
    {{ form.as_p }} 
    {% if redirect_field_value %} 
    <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" /> 
    {% endif %} 
    <a class="button secondaryAction" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a> 
    <button class="primaryAction" type="submit">{% trans "Sign In" %}</button> 
</form> 

而对于Facebook的社交认证，你可以有以下的基础上，this template：

{% load socialaccount %} 
<a title="Facebook" class="socialaccount_provider facebook" 
    href="{% provider_login_url facebook process='login' %}">Facebook</a> 

这两个提到的模板都是由django-allauth提供的，但可以通过在您的django应用中添加一个templates文件夹并创建相同的目录结构来替代，在这种情况下：

myapp 
    |_templates 
     |_account 
      |_login.html 

并将您的代码放入login.html。这同样适用于您想要覆盖的任何其他模板。 Here是django-allauth模板。