如何使用google登录链接到我的登录页面使用django-allauth？

Question

我已经创建了一个运行良好的项目。我有一个登录页面，注册页面和个人资料页面(如myspace)。我只想给我的登录页面添加一个额外的功能，即用户可以使用google、fb或instagram登录。但是当我在我的项目中加入django-allauth时。它覆盖现有的登录页面。我只想添加一个图标的谷歌登录。而不是整页我是怎么做到的。

我的登录页面看起来像这样，在底部我添加了一个google图标，我想在其中添加auth应用程序的功能。

登录页面现在看起来是这样的

更新：-

我想的是django-allauth是如何工作的，我只需要在登录页面中添加一个url，带有'allauth/google‘之类的<a href >标签。

我看到的是，我需要在urls.py中添加一个新路径，用于自动创建登录、注册和配置文件页面。

我计算出的问题是

我的项目中有一个accounts_app应用程序。accounts_app的url与allauth相同，这就是它覆盖模板的原因。

url.py of camorid_project

urlpatterns = [
    path('', include('camroid_app.urls')),
    path('accounts_app/', include('accounts_app.urls')), -----i want to add allauth functionality to this url
    path('accounts/', include('allauth.urls')),    -------------i don't want to add this because it create an inbuilt templates

    path('admin/', admin.site.urls),
]

我想要的是我不想改变登录，注册和myspace页面，我想添加图标在我的登录页面与谷歌登录点击，用户将能够登录到网站。

Answer 1

在您的login.html中添加{% load socialaccount %}，然后添加<a href="{% provider_login_url 'google' %}"</a>，这个链接将使您可以使用google登录。如果你想.你可以给按钮打样式。