关于angularjs的用户登录验证
2015-12-27 19:38
661 查看
angularjs用户登录验证。
一是用什么表示用户登录的信息,在angularjs建立用户登录服务,用服务的变量标识用户登录状态,也可以放入到window.sessionStorage中。
二是在那里进行用户登录和注销,这当然是根据业务需要的不同,一般都会有登录界面和注销按钮。如果绑定了微信公众号,可能直接从微信公众号就绑定登录。
三是如何把用户登录注销动作通知给angularjs框架。如果是从登录注销界面,自然会有相应的$http回调方法。
四是对于用户未登录状态的拦截检测,这放在两个地方,一是$http的intercepter拦截器里,如果有$http发出请求后服务器响应的内容表示未登录,则被拦截下来,然后$broadcast进行广播。二是在angularjs路由状态跳转中,通过监控
一是用什么表示用户登录的信息,在angularjs建立用户登录服务,用服务的变量标识用户登录状态,也可以放入到window.sessionStorage中。
二是在那里进行用户登录和注销,这当然是根据业务需要的不同,一般都会有登录界面和注销按钮。如果绑定了微信公众号,可能直接从微信公众号就绑定登录。
三是如何把用户登录注销动作通知给angularjs框架。如果是从登录注销界面,自然会有相应的$http回调方法。
四是对于用户未登录状态的拦截检测,这放在两个地方,一是$http的intercepter拦截器里,如果有$http发出请求后服务器响应的内容表示未登录,则被拦截下来,然后$broadcast进行广播。二是在angularjs路由状态跳转中,通过监控
$rootScope.$on('$stateChangeStart')事件,检测权限,若无权限则禁止跳转并进行广播。
大概思想就是如此。
相关文章推荐
- javascript MVC框架之 AngularJS 1.x 实用指南
- AngularJS 包含
- AngularJS使用angular-formly进行表单验证
- AngularJS使用ngMessages进行表单验证
- AngularJS使用angular-formly进行表单验证
- AngularJS使用ngMessages进行表单验证
- AngularJS使用ngMessages进行表单验证
- AngularJS使用angular-formly进行表单验证
- 理解AngularJS生命周期:利用ng-repeat动态解析自定义directive
- 【AngularJS学习笔记】封装一些简单的控件(封装成Html标签)
- AngularJS订阅API服务
- 【AngularJS学习笔记】开发时候的建议目录结构,基本开发步骤
- Angular-依赖注入
- AngularJS进阶(二十三)ANGULAR三宗罪之版本陷阱
- AngularJS进阶(二十三)ANGULAR三宗罪之版本陷阱
- angularjs自定义表单验证email
- (笔记)angular 多选按钮
- AngularJS 输入验证
- angular2快速开始
- angular2快速开始