基于混合模式跨平台应用的开发方法
【技术领域】
[0001]本发明涉及一种基于混合模式跨平台应用的开发方法，属于虚拟化技术领域。
【背景技术】
[0002]随着移动互联网的发展，手机、平板电脑等智能移动终端成为了信息的重要载体，在移动化的趋势下，传统业务开始逐步向移动业务扩展，企业应用系统移动化的需求也随之日益增长。
[0003]目前，电网业务移动化应用开发均处一对一的建设开发模式，导致了一个企业存在的移动化平台小、多、杂的现状。
[0004]一对一的建设开发模式，由于厂家不同，导致了技术架构及标准完全不统一、集中管控难度大，信息安全存在极大风险，并且会使得开发周期长、存在严重的重复开发问题，导致建设投资浪费极大。
[0005]各业务系统移动应用建设缺失统一管控手段，信息安全及管理风险高。
[0006]同时电网业务中仍有通过传统PC机完成业务，由于没有一个统一的组合平台，使得业务在不同移动平台和PC机中难以完成快速交互。
【发明内容】
[0007]本发明的目的是:提供一种基于混合模式跨平台移动应用的开发方法，既能实现在不同移动平台与移动应用层之间的资源交互，又能保证传统PC机与移动应用层之间的资源互交，以解决目前现有的技术问题。
[0008]本发明的技术方案
一种基于混合模式跨平台应用的开发方法，在移动应用层通过不同平台获取远程页面信息时，采用在移动应用层与移动平台间设置一个JS库，实现页面与平台交互，其中平台包括移动平台和PC机。
[0009]前述的基于混合模式跨平台移动应用的开发方法中，具体实现方法可分为两种:一种是将远程页面拆分为数据和页面结构，页面结构由JS库提供页面结构所需的组件和布局方法，以及访问数据的能力，然后在JS库与平台间设置与平台对应的引擎，引擎内设有与平台对应的浏览器及公共功能模块，在移动应用层想获取远程页面信息时，JS库收到指令并将指令传入到引擎中，与引擎对应的平台只获取远程页的数据，并将数据按原路返回到JS库中并与JS库中与数据对应的页面结构一起，在移动应用层中显示；另一种是将远程页面拆分为数据和页面结构，页面结构由JS库提供页面结构所需的组件和布局方法，以及访问数据的能力，同时在JS库中还设有与PC机对应引擎通用模块，实现JS库与远程页面直接互交，即移动层在通过PC机获取远程页面信息时，JS库收到指令并将指令穿入JS库中引擎通用模块，直接获取远程页面的数据，数据原路放回并与JS库中与数据对应的页面结构一起，在移动应用层中显示，针对移动平台时则仍采用第一种实现方法，即在JS库与平台间设置与移动平台对应的引擎，引擎内设有与移动平台对应的浏览器及公共功能模块，在移动应用层想获取远程页面信息时，JS库收到指令并将指令传入到引擎中，与引擎对应的移动平台只获取远程页的数据，并将数据按原路返回到JS库中并与JS库中与数据对应的页面结构一起，在移动应用层中显示。
[0010]前述的基于混合模式跨平台移动应用的开发方法中，移动平台包括1S，Android和 Windows Phone0
[0011]前述的基于混合模式跨平台移动应用的开发方法中，所述的引擎通用模块是基于ajcx技术设计。
[0012]由于采用了上述技术方案，与现有技术相比，本发明创造性的将远程页面拆分为页面结构和数据，而JS库提供页面结构所需的组件和布局方法，使得移动应用层在获取远程页面信息时，只需获取数据而无需获取页面结构，大大减少了系统运行所需数据量，再通过设置针对不同移动平台对应的引擎，实现移动应用层通过不同平台移动获取远程页面的能力，在移动应用层通过PC机获取远程页面信息时，可采用设置与PC机对应的引擎或在JS库中设置与PC机对应引擎通用模块，实现移动应用层通过PC机获取远程页面能力，本发明原理简单，大大减少了系统内部的运行频率和所需数据。
【附图说明】
[0013]附图1为本发明中实施例一的原理示意图；
附图2是本发明中实施例二的原理示意图。
【具体实施方式】
[0014]本发明的实施例一:一种基于混合模式跨平台应用的开发方法，如附图1所示，在移动应用层通过不同平台获取远程页面信息时，采用在移动应用层与移动平台间设置一个JS库，实现页面与平台交互，其中平台包括移动平台和PC机。
[0015]具体实现方法为:将远程页面拆分为数据和页面结构，页面结构由JS库提供页面结构所需的组件和布局方法，以及访问数据的能力，然后在JS库与平台间设置与平台对应的引擎，引擎内设有与平台对应的浏览器及公共功能模块，在移动应用层想获取远程页面信息时，JS库收到指令并将指令传入到引擎中，与引擎对应的平台只获取远程页的数据，并将数据按原路返回到JS库中并与JS库中与数据对应的页面结构一起，在移动应用层中显不，其中移动平台包括1S，Android和Windows Phone。
[0016]需要指出的，本实施例中移动应用层为基于HTML5 JS CSS3的混合模式应用层； JS库为JS库提供页面结构所需的组件和布局方法，以及访问数据的能力，其中组件为远程页面的基本结构模块(即页面结构)，访问数据能力本JS库本身具有能力，本领域技术人员在通过本实施例的思路后即可通过现有技术完成JS库的开发。
[0017]与不同平台对应的引擎(即引擎包括与不同移动平台对应的引擎和与PC机对应的引擎，与PC机对应的引擎需与PC机安装一起)，引擎内包括的浏览器为不同平台对应的浏览器，此为现有技术，与不同平台对应的通用模块也为现有技术，本实施例只是将其上述两者有机统一起来实现后期编程中大大节约人力以及后期的维护。
[0018]本实施例具体实施过程，若移动应用层需要通过远程页面获取人员信息，首先将人员信息分为人员信息结构和人员信息数据，如附图1中的箭头所示，移动应用层发出指令穿入JS库中，JS库中提取人员信息结构的组件(即人员信息中如姓名、身高、年龄等数据在页面中的排列方式及其本身的通用编码)，并同时将人员信息数据请求通过与不同平台(本实施例中移动平台可包括1S，AndrolcUWindows Phone和PC机)对应的引擎内，引擎内设置对不同平台对应的浏览器和通用模块，若在获取人员信息时是通过该1S移动平台获取远程页面信息，则通过与1S对应的引擎(该引擎内设置与1S移动平台对应的浏览器和通用模块，指令信号是通过JS系统先通过浏览器，再传到通用模块)，然后进入1S移动平台，然后1S移动平台完成从远程页面获取人员信息数据并按原路返回进入JS库，并与JS库中对应的人员信息结构组合并在移动应用层中显示，同样的原理，移动应用层可通过Androld、Windows Phone和PC机平台完成同样的操作，从而完成移动应用层跨平台的移动应用。
[0019]同样的原理，本实施例也可实现移动应用层通过不同平台获取本地资源的能力，其原理与获取远程页面信息一致。