Angular 2 前端 django 2 REST 框架后端用户身份验证

     2023-02-19     147

关键词:

【中文标题】Angular 2 前端 django 2 REST 框架后端用户身份验证【英文标题】:Angular 2 frontend django 2 REST framework backend user auth 【发布时间】:2018-07-30 07:23:40 【问题描述】:

我是 Django 和 JavaScript 的新手,所以如果这是一个明显的问题,请原谅我。

验证用户的最佳方式是什么?

我只能找到关于使用不支持 django 2 的 this 的帖子。

感谢您的帮助。

【问题讨论】:

【参考方案1】:

django-rest-framework 提供了多种身份验证解决方案。我建议仔细阅读文档:http://www.django-rest-framework.org/api-guide/authentication/

我已经在几个项目中使用过令牌认证,效果很好:

您需要在您的项目中安装rest_framework.authtoken 应用程序。这个应用程序提供了 django-rest-framework

然后您需要为每个用户创建一个令牌。文档中描述了几种方法。

在客户端,您需要实现一个登录表单。您的后端将检查用户和密码并取回用户令牌。

然后你可以在每个请求的头部传递这个令牌:

Authorization: Token value-of-the-token

如果您使用 Token 身份验证,请确保使用https

【讨论】:

nginx - django 2 -angular 6 / 角度路由在重新加载页面后得到 404

】nginx-django2-angular6/角度路由在重新加载页面后得到404【英文标题】:ngnix-django2-angular6/angularroutingget404afterreloadpage【发布时间】:2018-12-3019:16:44【问题描述】:它的django和angular6(使用静态文件)项目。当我刷新浏览器时,我得... 查看详情

如何使用spring boot和angular 2登录

】如何使用springboot和angular2登录【英文标题】:howtologinwithspringbootandangular2【发布时间】:2017-07-2818:43:08【问题描述】:我有一个在http://localhost:5555上运行的前端应用程序,角度为2另一方面,我有一个在http://localhost:8080/上使用sp... 查看详情

在 Angular 2+ 客户端和 Django 后端之间打开 WebSocket 连接

】在Angular2+客户端和Django后端之间打开WebSocket连接【英文标题】:OpeningaWebSocketconnectionbetweenAngular2+clientandDjangobackend【发布时间】:2019-10-2519:07:01【问题描述】:我正在尝试使用DjangoChannels从我的Angular2+应用程序与我的Django后端... 查看详情

在 Angular6 前端使用 Django 通道

】在Angular6前端使用Django通道【英文标题】:UsingDjangoChannelsWithAngular6Frontend【发布时间】:2019-02-1913:49:18【问题描述】:我正在开发一个基于django的项目,我们现在打算添加一些实时功能以将数据发送到连接的客户端并在需要时... 查看详情

如何在前端使用 django-tables2 编辑数据?

】如何在前端使用django-tables2编辑数据?【英文标题】:Howtoeditdatawithdjango-tables2inafrontend?【发布时间】:2014-10-3015:23:27【问题描述】:我有一个Django,我想创建CRM系统,允许用户在前端查看、添加、删除和编辑数据。我发现了一... 查看详情

Angular(SPA) 前端和 Spring Boot 后端的 SAML 2.0 集成

】Angular(SPA)前端和SpringBoot后端的SAML2.0集成【英文标题】:SAML2.0integrationforAngular(SPA)frontendandspringBootbackend【发布时间】:2020-09-3023:58:00【问题描述】:我需要将Angular前端与SpringBoot后端(RESTAPI)与SAML2.0集成,并且我的身份提供... 查看详情

在 Post 方法上获取 401 Unauthorized [前端 - Angular 2 和后端 - Cakephp 3]

】在Post方法上获取401Unauthorized[前端-Angular2和后端-Cakephp3]【英文标题】:Getting401UnauthorizedonPostmethod[Frontend-Angular2&Backend-Cakephp3]【发布时间】:2017-04-1122:12:30【问题描述】:我在Cakephp3中将Angular2用于前端和后端。我在尝试登录... 查看详情

django框架03(代码片段)

...主键值url?edit_id=1url/1/2.后端查询出对应的数据对象展示到前端利用input标签的value属性3.提交post请求修改数据前期提交post请求一定要先去配置文件中注释 查看详情

前端学习入门-angular2-typescript基本语法

  接口  接口的创建interfacelabelValue{label:string;}  //创建函数对接口进行调用  labelObj是函数形式参数其类型是接口类型labelValuefunctionprintLabel(labelObj:labelValue){console.log(labelObj.label);}  //创建对象  创建函数实... 查看详情

在 Heroku 上使用 Django Rest Framework 后端部署 Angular 4 前端

】在Heroku上使用DjangoRestFramework后端部署Angular4前端【英文标题】:DeployinganAngular4frontendwithaDjangoRestFrameworkbackendonHeroku【发布时间】:2018-02-1820:23:40【问题描述】:我使用Angular4(使用AngularCLI)构建了前端,使用Django和DjangoRestFrame... 查看详情

如何从 django rest 框架访问 jwt 令牌到 Angular 前端

】如何从djangorest框架访问jwt令牌到Angular前端【英文标题】:Howtoaccessajwttokenfromadjangorestframeworktoangularfrontend【发布时间】:2021-08-0610:13:11【问题描述】:我创建了一个使用jwt进行身份验证的DRFapi,令牌存储在一个cookie中。我可以... 查看详情

使用 Angular 2 前端部署在 Heroku Java 应用程序上

】使用Angular2前端部署在HerokuJava应用程序上【英文标题】:DeployingonHerokuJavaappwithAngular2fronend【发布时间】:2017-04-1509:02:06【问题描述】:在使用Angular2前端部署基于Java的应用程序时,我遇到了一个问题。我的应用程序需要安装No... 查看详情

前端学习入门-angular2-typescript基本语法

  基础类型  布尔值  最基本的数据类型就是简单的true/false值,在JavaScript和TypeScript里叫做boolean(其它语言中也一样)。letisDone:boolean=false;  数字  和JavaScript一样,TypeScript里的所有数字都是浮点数。这些浮点数的类... 查看详情

在一个仓库中推送和维护后端(Django)和前端(Angular)文件夹

】在一个仓库中推送和维护后端(Django)和前端(Angular)文件夹【英文标题】:Pushingandmaintainingbackend(Django)andfrontend(Angular)folderinonerepo【发布时间】:2021-09-2301:11:52【问题描述】:我在谷歌上搜索过很多人说我们可以通过两种方... 查看详情

如何将 express 和 node 设置到现有的仅前端 Angular 2 项目中?

】如何将express和node设置到现有的仅前端Angular2项目中?【英文标题】:Howtosetupexpressandnodeintoanexistingfront-endonlyAngular2project?【发布时间】:2017-07-1010:55:13【问题描述】:我有一个使用Angular-CLI和NPM的当前只有前端的Angular2应用程序... 查看详情

Angular 2 observable 没有“映射”到模型

】Angular2observable没有“映射”到模型【英文标题】:Angular2observabledoesn\'t\'map\'tomodel【发布时间】:2016-07-0902:57:04【问题描述】:在学习Angular2时,我使用observable通过API获取一些数据。像这样:getPosts()returnthis.http.get(this._postsUrl).m... 查看详情

django-crm项目学习-stark的action以及多级筛选功能

...ction(自定制函数多选功能效果)1.1 admin效果1.2多选效果前端和后端进行的操作1.2.1前端发过来的参数是?号后各个参数用&来拼接1.2.2后端django会自动把形同的key的内容进行拼接成列表1.3action内容赋值,给check绑定id1.3.1前端内... 查看详情

如何将带有 angular 2 前端(angular-cli build)的 spring-boot webapp 部署到 Tomcat?

】如何将带有angular2前端(angular-clibuild)的spring-bootwebapp部署到Tomcat?【英文标题】:HowcanIdeployaspring-bootwebappwithangular2frontend(angular-clibuild)toTomcat?【发布时间】:2017-10-2206:45:53【问题描述】:我有一个spring-bootweb应用程序,我使... 查看详情