基于Flex的RIA限时登陆验证模块的实现
时间：2020-09-18 08:02:37 来源：达达文档网 本文已影响 人 
摘要 如今随着网络电子商务的日益繁荣，网络交易的安全问题成为业界一个新的研究课题，而登陆模块作为其中的重要一环，各种登陆模块安全方案随之产生，相较其他技术的网页重复刷新、需重定向；服务器消耗高、网络通信量大等问题，Flex技术作为RIA领域一门新技术，凭借无需刷新、“富前台”、兼容性好等特点逐渐成为开发登陆模块的新兴主流技术。本文将从主要技术分析、限时登陆模块的设计及实现几方面，详细介绍基于Flex技术的RIA限时登陆验证模块的实现。
关键词 Flex；RIA；限时登陆验证模块
中图分类号TP393 文献标识码A 文章编号 1674-6708（2013）82-0210-03
0 引言
目前，网络的普及和各类运营商的发展使得网络交易变得越来越便利，由此带来的用户个人资料的安全问题日益引起业界的关注，这制约着网络交易能否更加健康快速高效的向前发展。于是，有效的登陆信息安全方案应运而生，其中，以检验密码重试次数的附加码方案、锁定登陆时长的限时方案最为主流，相较其他技术的网页重复刷新、需重定向；服务器消耗高、网络通信量大等问题，Flex技术作为一门新技术，凭借无需刷新、“富前台”、兼容性好等特点逐渐成为开发登陆模块的新兴主流技术，本文将以常见的“邮箱号+登陆密码”的登陆验证模块为例，从主要技术分析、限时登陆模块的设计及实现，详细介绍基于Flex技术的限时登陆验证模块的实现。
1 Flex技术背景
1.1 RIA技术
富互联网应用程序（Rich Internet Applications，简称RIA），是灵活的整合了桌面应用程序以及传统交互式动态网站应用程序的新一代网络应用程序。富互联网应用程序把网络程序的表现层建立于HTML页面之上基于页面的、服务器端数据传递的模式，富互联网应用程序模型通过使用网络服务驱动器，整合了包含声音、图像、动画、视频和实时视像通信技术的多媒体技术，使富互联网应用具备迄今为止无法超越的用户在线冲浪体验。
Adobe RIA技术具有丰富的数据模型和界面元素。丰富的数据模型可以将部分数据缓存在客户端增加响应效率同时减少数据往返于服务器的次数；丰富的界面元素为用户提供炫彩的视觉效果，满足用户对视觉上的高追求。丰富的数据模型与丰富的界面元素结合在一起给用户带来更高的使用体验。
1.2 Flex技术
Flex是目前最流行的RIA开发技术之一，RIA技术对于运营商来说，意味着减少宽带成本，更好的用户体验，提高品牌忠诚度，减少求助等成本这些优点，因此将广泛占据未来网络开发份额。Flex应用在全球通用的Flash Player上展开，继承了Flash Player良好地跨平台兼容性，可在无安装客户端的前提下进行数据处理和动作执行。它基于MXML标准、CSS标准、XML标准以及ActionScript3.0标准，开发过程更规范，应用程序更容易扩展；它内置了丰富的组件，使善于语言类开发的技术人员能够通过脚本语言对前台进行更得心应手的设计和掌控。
Flex技术的引用让善于编程的技术人员能够轻松的运用代码语言进行富互联网应用程序的开发。在网络ISO模型结构层次中，Flex处于网络层次结构的表现层。Flex应用程序的开发环境是Adobe Flash Builder，Flex包括MXML和ActionScript，MXML中可以内嵌ActionScript。SDK在编译MXML文件时，首先将其转换为ActionScript文件，然后再将其编译为.swf二进制文件。其实在一个Flex工程中仅有ActionScript文件就可以生产Flex工程了。MXML和ActionScript文件的共同存在只是为了方便Web开发人员，其相当于MXML和ActionScript相当于HTML和JavaScript。Flex所创建的这种超强的用户体验式应用程序是以往传统的应用远不能相比的，Flex将为RIA时代的到来奠定有力的技术基础。
2 限时登陆验证模块相关技术分析
Flex应用程序采用GUI用户图形界面控制外观、MXML标签语言定义规则结合ActionScript编程进行流程控制。Flex具有多种组件类库，可实现Web Services、远程对象、drag and drop、列排序、图表等功能；同时Flex可以建立动画效果，完成简单互动界面等功能。如PHP、ASP、JSP、ColdFusion等基于HTML的应用，在每个请求时都需要执行服务器端的模板，而Flex因为客户端只需要载入一次，所有它的应用程序流程大为改善，其语言和文件结构也在把应用从设计中分离出来。
Flex框架主要有以下技术：描述应用程序界面的XML语言（MXML）；符合ECMA规范的脚本语言（ActionScript)，处理用户和系统的事件，构建复杂的数据模型；一个基础类库；运行时的即时服务；由MXML与ActionScript文件生成swf文件的编译器。
FLEX所有标准可视化组件类都继承自UIComponent基类，当自定义一些组件的时候一般也是用UIComponent作为基类，在它的基础上实现各种各样的功能组件。因为UIComponent类里已经封装了很多关于组件可视化的基础属性，动作和行为，如组件高度、宽度、ID属性、基本事件处理、风格、行为、位置等等。当开发人员使用Flex来建立程序时，可以使用容器和控件来描述应用程序界面。
2.1 限时功能的控制
在应用程序中，如果应用程序需要一致的计时间隔，则需要与实际的日历或时钟时间联系在一起，从而实现在不同的计算机上保持一致、规则的时间驱动计时机制。
2.2 验证功能的控制
在实际应用中，有时候需要验证用户输入的数据是否符合应用程序的要求，可以通过编写程序模块对数据进行检验，但这样工作相当繁杂。Flex中提供了专门用于数据验证的组件，Validator组件，它们是有Flex框架自动运行的，这样可以节省大量的开发时间。
Flex中的验证组件，包括数字验证、电话号码验证、字符串验证、电子邮件、日期验证等等，方便开发者根据需要引用不同组件实现表单数据的提交验证。其中，EmailValidator组件是本文将要引用的验证组件，它用于验证一个输入字符串是否是正确的电子邮件格式，包括检查是否包含一个@符号，域名中是否有英文句点，以及顶级域后缀中是否有两个、三个、四个或六个字符。
Validator类实现的功能是使验证程序生成必填字段。必填字段是指用户必须在该字段中输入值，否则验证会失败。默认情况下，如果用户输入的值不能通过验证，系统会给出默认的错误信息，用户也可以应用属性自定义错误信息。常用的属性有source指定验证对象；property定义验证对象属性；trigger指定出发验证的事件；invalidCharError出现无效字符显示的错误信息；missingAtSignError输入值没有包含@符号显示的错误消息。
3 模块实现
本限时验证登陆模块，以通常网站里常见的“邮箱号+密码”为登陆要件，以20秒钟为时限，以邮箱号合法性为验证条件，如账号输入错误，则显示错误信息，提示用户重新输入，最终如操作超时则页面终止不再相应，如在时限内且输入正确，则顺利传送数据到服务器端进行用户身份的合法性确认。
3.1限时功能的实现
下面将设计实现一个限时20秒钟登陆的模块。通过定义时间间隔为1000毫秒，即1秒，运行次数为20次的计时器，在计时器结束后即在TIMER_COMPLETE状态，执行doComplete函数，将标志变量返回为3.2登陆验证功能的实现
登陆验证是基于表单的设计，在前台表单设计完成的情况下，指定相应的需验证文本域ID，在不可视标签空间Declarations内，指定验证源、验证数据类型、指定错误提示信息以及触发事件，即可实现在表达提交时抽取相应的文本域值进行验证，如正确则正常登陆访问服务器端，如错误则显示错误信息，终止操作，用户重试，关键代码如下：
4 结论
基于Flex技术的限时登陆模块的实现，为网上交易的身份验证问题，开辟了一条技术新路，它凭借免安装的轻量级客户端，对终端用户的数据提交、验证、条件控制等等繁复工作进行了处理，有效解决了目前主流技术的网络通信量大、服务器负担过重这些问题，伴随RIA时代的到来，未来Flex技术必将显示其强大优势，发挥更大的作用。
参考文献
[1]郑阿奇.Flex4开发实践[M].电子工业出版社，2011，5.
[2]张翠芬，杨博.Flex4权威指南[M].人民邮电出版社， 2011，6.
[3]兰天，曲鹏东.Flex企业应用开发实战[M]机械工业出版社，2010，6.
[4]杨玉新.计算机网络安全现状及对策探讨[J].中国科技信息，2011(17).
[5]郭晓丹.电子商务安全技术问题浅析[J].黑龙江科技信息，2008(22).
[6]刘凤霞，陈国栋，等.面向富互联网应用的数据传输策略研究[J].计算机工程与设计，2012(7).
[7]向模军.基于Flex的RIA应用系统的设计和研究[J].信息与电脑(理论版)，2010(2).
