使用Django会话身份验证使用angular4应用程序实现中央身份验证系统

时间:2018-06-19 15:54:32

标签: django angular django-rest-framework single-sign-on cas

我有三个不同的django项目,ProjectAProjectBProjectCProjectA是django网站,但其他两个仅仅是基于django-rest-framework api的项目,并且有angular4个应用程序根据其项目使用了这些api。

现在,我需要将其用户和其他功能结合起来,并需要放入ProjectA中。因此,如果用户登录了ProjectA,并且访问了ProjectBProjectC的角度应用程序,则该用户应该已经被认为已经登录。

因此可以肯定的是,我需要SSO,并且还需要用会话身份验证来替换angular app的令牌身份验证,并且我正在考虑使用中央身份验证系统CAS,但是我不知道{{1 }}应用将通过其会话身份验证并使用其api与angular4一起提供。因为现在这三个项目和这两个有角度的应用程序都部署在不同的域或子域中。

您能在这里帮忙吗?还请评论任何安全漏洞或其他问题

1 个答案:

答案 0 :(得分:2)

Angular应用可以放在django应用之后。因此,用户只有在登录后才能加载应用程序。否则,用户将被重定向到CAS登录页面。这是使用django rest框架实现CAS会话身份验证所需要做的事情。

1。。您需要进行角度变形并将其放置在项目中的某个位置,将路径添加到settings.py中的STATICFILES_DIRSTEMPLATE

STATICFILES_DIRS = [
    "frontend/dist/",
]
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [
            'frontend/dist/'
        ],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

2。。运行collectstatic命令以收集所有js bundles

python manage.py collectstatic

3。。您还需要编辑dist文件夹中的index.html文件,以支持Django静态文件。我正在发布我的。

<!doctype html>
{% load static %}
<html>
<head>
  <meta charset="utf-8">
  <title>Blank</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <my-root></my-root>
  <script type="text/javascript" src="{% static 'runtime.js' %}"></script>
  <script type="text/javascript" src="{% static 'polyfills.js' %}"></script>
  <script type="text/javascript" src="{% static 'styles.js' %}"></script>
  <script type="text/javascript" src="{% static 'vendor.js' %}"></script>
  <script type="text/javascript" src="{% static 'main.js' %}"></script>
</body>
</html>

4。。最后一步是url配置。因此,您需要将login_required装饰器与TemplateView一起使用。

from django.conf.urls import url, include
from django.contrib import admin
from django.conf import settings
from django.conf.urls.static import static
from django.contrib.auth.decorators import login_required
from django.views.generic import TemplateView

import django_cas_ng.views as cas_views

urlpatterns = [
    url(r'^$', login_required(TemplateView('index.html').as_view())),
    url(r'^api/', include('api.urls')),
    url(r'^polls2/', include('polls2.urls')),
    url(r'^admin/', admin.site.urls),
    url(r'^accounts/login/$', cas_views.login, name='cas_ng_login'),
    url(r'^accounts/logout/$', cas_views.logout, name='cas_ng_logout'),
    url(r'^accounts/callback/$', cas_views.callback, name='cas_ng_proxy_callback'),
] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

希望这会有所帮助。