idle扩展插件_插件ng-Idle的使用
【摘要】
很多时候我们登录一个网站却往往忘记注销。这种疏忽于个人而言有可能造成个人信息泄露,而对于公司单位而言却有可能被有心人趁机而入从而造成不可挽回的损失。所以就个人来说我们在上网时要注意个人信息的保护。检测上网环境的安全与否且上网结束时应及时清除能导致个人信息泄露的登录认证信息。而对于我们开发者而言,也应该设身处地为客户着想,预防可能出现的安全信息事故。本篇文章将介绍如何使用AngularJS的ng-Idle插件做一个定时自动注销功能,从而在检测到用户一段时间没操作之后自动注销网站。
【正文】
一、依赖项
使用ng-Idle需要引入如下两个文件:
二、使用方法
首先需要在你的module里注入ng-Idle,如下:
varapp = angular.module('myApp', ['ngIdle']);//将ngIdle注入myApp
app
.controller('EventsCtrl',function($scope, Idle) {
$scope.events = [];
$scope.$on('IdleStart',function() {
// the user appears to have gone idle
});
$scope.$on('IdleWarn',function(e,
countdown) {
// follows after the IdleStart event, but includes a
countdown until the user is considered timed out
// the countdown arg is the number of seconds remaining
until then.
// you can change the title or display a warning dialog
from here.
// you can let them resume their session by calling
Idle.watch()
});
$scope.$on('IdleTimeout',function() {
// the user has timed out (meaning idleDuration + timeout
has passed without any activity)
// this is where you'd log them
//用户不活跃倒计时结束时触发的方法,比如此处可注销登录。
});
$scope.$on('IdleEnd',function() {
// the user has come back from AFK and is doing stuff. if
you are warning them, you can use this to hide the dialog
//可定义用户在登出之前返回操作时触发的方法。
});
$scope.$on('Keepalive',function() {
//是用户保持活跃状态的方法。
});
})
.config(function(IdleProvider, KeepaliveProvider) {
// configure Idle settings
//单位:秒,计时多久无操作则进入timeOut倒计时。
IdleProvider.idle(5);
//单位:秒,倒计时结束之前无操作则执行设定的IdleTimeout。
IdleProvider.timeout(5);
//单位:秒,间隔多久进行一次使用户保持活跃的方法。
KeepaliveProvider.interval(2);
})
.run(function(Idle)
{
//开始侦听应用运行
Idle.watch();
});
三、效果展示
超时登出:
$rootScope.$on('IdleTimeout',function() {
/* Logout user */
alert("会话已超时");
window.location.href ='Account/SignOut';
});
倒计时状态:
idle扩展插件_插件ng-Idle的使用相关推荐
- su生成面域插件_插件玩的溜,SU不用愁
Sketchup(简称SU)是一个极受欢迎并易于使用的3D设计软件,且广泛应用于建筑以及室内行业.这得益于它使用简便.傻瓜式的操作,令男女老少都可以快速上手. 正所谓"凡是看两面" ...
- su一键封面插件_插件分享丨一键制作SU爆炸分析图插件分享
软 设 开启全新的学习之旅 Start a new learning journey 软件设计 跟着老北鼻学设计吧!!! 爱上设计 爱上学软件 轻松·高效·系统 记得文末私信哦!!! 01 资源介绍 ...
- python idle连接失败_不能通过IDLE从Explorer运行Python [2013] - IDLE的子进程没有连接...
解决了2013 年4月15日.在Windows 7(64位)Windows资源管理器中,当我右键单击一个Python文件并选择"使用IDLE编辑"时,编辑器正常打开,但是当我运行( ...
- idle扩展插件_Python3.4学习笔记之 idle 清屏扩展插件用法分析
本文实例讲述了Python3.4 idle 清屏扩展插件用法.分享给大家供大家参考,具体如下: python idle 清屏问题的解决,使用python idle都会遇到一个常见而又懊恼的问题--要怎 ...
- 华硕固件安装扩展插件_华硕RT-AC1200GU安装迅雷插件简要教程
华硕RT-AC1200GU安装迅雷插件简要教程 2019-04-23 15:54:38 7点赞 54收藏 11评论 家里的原来的路由器为极路由1,太老了,不稳定.掉线,想着换个路由器.家里也有一个小米 ...
- 【keepass】利用keepassxc-browser浏览器扩展和keepassnatmsg插件实现密码自动填充(KeePassHttp-Connector/KeePassHttp)
一.keepass密码管理工作流涉及的不同软件.插件.浏览器扩展 1.1 keepass的三个版本 keepass:只兼容win.插件生态更加完善. keepassX:更新缓慢,社区后来另行搞了一个k ...
- lisp工具箱for中望_CAD二次开发LISP视频_小懒人CAD工具箱_CAD插件_CASS插件_LISP代码...
CAD二次开发LISP视频_小懒人CAD工具箱_CAD插件_CASS插件_LISP代码 LISP教程,CADLISP开发视频,LISP视频 CAD二次开发视频 CASS开地教程 LISP视频 LISP ...
- vim 插件_你不得不知道的适用于程序员的VIM插件
在介绍最常用和最受欢迎的Vim插件之前,让我们首先了解Vim的真正含义.基本上,Vim只是另一个文本编辑器,我们可以使用它来编写和编辑文本,就像通常在Windows或Mac上使用的Sublime Te ...
- golang 热插拨 插件_从零开始实现一个插件化框架(一)
欢迎关注专栏:里面定期分享Android和Flutter架构技术知识点及解析,还会不断更新的BATJ面试专题,欢迎大家前来探讨交流,如有好的文章也欢迎投稿. Flutter跨平台开发终极之选zhua ...
最新文章
- 利用c语言找出输入文本最长的一行
- python 三分钟入门_Cython 三分钟入门教程
- 通过mem函数在MicroPython中访问模块寄存器
- 如何成为一名大厂的优秀员工?
- 干货总结:SPI总线详细要点
- LeetCode Search Insert Position (二分查找)
- 一个JAXB Nuance:字符串与枚举(受限制的XSD字符串)
- sar命令,linux中最为全面的性能分析工具之一
- 关于4A系统(我对4A系统的维护的理解)
- MFC对话框程序如何添加菜单
- 控股天弘基金 阿里无银行之名行银行之实
- HTML其他常用标签
- CPLEX-求解VRPTW模型
- bert模型使用记录
- 面试题——关于文本加密
- 在苹果Mac中如何修改图片格式?
- A Beautiful Song : Burning
- PowerBI报表页权限控制
- MPB:南土所褚海燕组-土壤宏转录组学样本前处理与数据分析
- 表达式之谜---半斤(复合赋值表达式)