。
[0036]浏览器可以显示网页服务器或者文件系统的HTML文件(标准通用标记语言的一个应用)内容，并让用户与这些文件交互。浏览器用来显示在万维网或局域网等内的文字、图像及其他信息。这些文字或图像信息，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种信息。大部分网页为HTML格式。移动设备和计算机上常见的网页浏览器有:QQ浏览器、Internet Explorer、Safar1、Opera、Google Chrome、360 浏览器、UC 浏览器等，浏览器是最经常使用到的客户端程序。
[0037]客户端(Client)或称为用户端，与服务器相对应，为客户提供本地服务的程序。除了一些只在本地运行的应用程序之外，一般安装在普通的客户机上，需要与服务端互相配合运行。因特网发展以后，较常用的用户端包括如万维网使用的网页浏览器、收寄电子邮件时的电子邮件客户端、以及即时通讯的客户端软件等。对于这一类应用程序，需要网络中有相应的服务器和服务程序来提供相应的服务，如数据库服务、电子邮件服务等等，这样在客户机和服务器端，需要建立特定的通信连接，来保证应用程序的正常运行。
[0038]本发明在移动设备软件内封装本地的浏览器容器，在浏览器容器底层实现跨域数据交互代理，网页数据交互通过跨域数据交互代理和服务端进行数据交互，网页实现自动判断网页是“在线运行”还是“本地缓存运行”，如果是“在线运行”就使用普通的网页交互方式，如果是“本地缓存运行”就使用“数据交互代理”与服务端进行交互，并通过回调将服务器端返回结果返回给网页。如图2所示，具体步骤为:
[0039]首先，Web服务器I将网页资源进行整理，压缩打包，本地缓存管理器3将打包文件下载，解压缩，形成本地资源结构；
[0040]然后，网页内代码使用document, url参数，网页自动适配模块2判断当前工作状态，当前工作状态有两种，一种是协议为http://的在线工作状态，另一种为file://的本地缓存工作状态，如果为在线工作状态，则采用Ajax方式与Web服务器I进行交互，如果为本地缓存工作状态，则采用跨域数据交互代理模块5进行数据通讯；所谓AJAX是指“Asynchronous JavaScript And XML”(异步 JavaScript 和 XML)，是一种创建交互式网页应用的网页开发技术，通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
[0041 ] 继而，使用移动操作系统的浏览器容器4接口，获取网页自动适配模块2提交的数据，根据数据的交互类型即Get类或Post类，跨域数据交互代理模块5模拟浏览器向Web服务器I发起数据读写请求，并将Web服务器I返回的数据通过回调返回给调用网页。
[0042]综上所述，网页自动适配模块(自适应的网页结构)自动判断网页是“在线工作状态”还是“本地缓存工作状态”，与通用浏览器的判断方式不同点在于，本地缓存是自主控制，不是系统浏览器默认控制。
[0043]跨域数据交互代理模块解决了移动应用混合开发下载的网页和服务端数据交互的“同源策略限制”，结合网页自动适配模块实现自动判断运行环境，自动选择数据交互方式。
[0044]本地缓存管理器，通过将网站网页打包下载的方式，在移动设备端建立网页运行环境，在操作系统提供的浏览器容器内实现界面展现和交互。
[0045]本发明解决了移动应用开发，混合模式状态下，移动端App和服务器端交互的跨域问题。普通网页添加采用“自适应网页结构”，即可实现网页下载后在浏览器容器内与服务端数据交互。
[0046]需要理解到的是:以上所述仅是本发明的优选实施方式，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以作出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。
【主权项】
1.混合模式跨域数据交互的系统，其特征在于:包含Web服务器(I)、网页自动适配模块(2)、本地缓存管理器(3)、浏览器容器(4)和跨域数据交互代理模块(5)，所述Web服务器(I)，为浏览器或客户端提供网络服务，采用HTTP方式提供HTML网页输出，并响应网页交互请求； 所述网页自动适配模块(2)，包含有自动判断网页运行状态的代码模块，以JavaScript程序的方式在HTML网页内运行，含有JavaScript程序的HTML网页文件从Web服务器(I)通过网络传送至客户端； 所述本地缓存管理器(3)，创建和管理本地缓存，对应用程序的缓存内容管理，下载Web服务器(I)上的网页资源文件压缩包，解压缩，建立本地资源结构，形成本地缓存环境，定期更新本地缓存内容； 所述浏览器容器(4)，嵌入于应用程序的浏览器，作为网页运行的容器；浏览器容器(4)截获浏览器内的指定交互动作，并在本地代码中做出操作响应； 所述跨域数据交互代理模块(5)，运行于浏览器容器底层的应用程序代码，将截获的浏览器容器(4)内运行的HTML网页的数据交互，通过跨域数据交互代理模块(5)向Web服务器(I)提交，然后获取Web服务器(I)的数据响应，通过跨域数据交互代理模块(5)避免浏览器同源策略的限制，使下载到本地的网页代码可进行数据交互。2.根据权利要求1所述的混合模式跨域数据交互的系统，其特征在于:所述Web服务器(I)为微软IIS服务器或者Apache HTTP Server网页服务器。3.根据权利要求1所述的混合模式跨域数据交互的系统，其特征在于:所述网页自动适配模块(2)为网页含有自动判断网页运行状态的代码模块。4.根据权利要求1所述的混合模式跨域数据交互的系统，其特征在于:所述浏览器容器(4)是在应用程序内置的浏览器控件。5.根据权利要求4所述的混合模式跨域数据交互的系统，其特征在于:所述浏览器控件是操作系统的功能组件，功能组件具有HTML网页浏览的功能。6.根据权利要求1所述的混合模式跨域数据交互的系统，其特征在于:所述浏览器是在移动设备或计算机上显示网页服务器或文件系统的HTML文件并提供用户与文件交互的软件。7.根据权利要求1所述的混合模式跨域数据交互的系统，其特征在于:所述网页自动适配模块(2)检测网页运行状态，判断是否为在线工作状态或本地缓存工作状态。8.权利要求1所述系统实现混合模式跨域数据交互的方法，其特征在于包括以下步骤: 首先，Web服务器(I)将网页资源进行整理，压缩打包，本地缓存管理器(3)将打包文件下载，解压缩，形成本地资源结构； 然后，网页内代码使用document, url参数，网页自动适配模块(2)判断当前工作状态，当前工作状态有两种，一种是协议为http://的在线工作状态，另一种为file://的本地缓存工作状态，如果为在线工作状态，则采用Ajax方式与Web服务器(I)进行交互，如果为本地缓存工作状态，则采用跨域数据交互代理模块(5)进行数据通讯； 继而，使用移动操作系统的浏览器容器(4)接口，获取网页自动适配模块(2)提交的数据，根据数据的交互类型即Get类或Post类，跨域数据交互代理模块(5)模拟浏览器向Web服务器(I)发起数据读写请求，并将Web服务器(I)返回的数据通过回调返回给调用网页。9.根据权利要求8所述的混合模式跨域数据交互的方法，其特征在于:所述本地缓存管理器(3)进行目录清理，根据Web服务端(I)的指令清空本地资源，重新下载更新。10.根据权利要求8所述的混合模式跨域数据交互的方法，其特征在于:所述跨域数据交互代理模块(5)实现跨域数据交互，排除同源策略的限制。
【专利摘要】本发明涉及混合模式跨域数据交互的系统及方法，包含Web服务器、网页自动适配模块、本地缓存管理器、浏览器容器和跨域数据交互代理模块；Web服务器将网页资源进行整理，压缩打包，本地缓存管理器将打包文件下载，解压缩，形成本地资源结构；网页自动适配模块判断当前工作状态，如为在线工作状态，采用Ajax方式与Web服务器交互，如为本地缓存工作状态，采用跨域数据交互代理模块进行数据通讯；浏览器容器接口获取网页自动适配模块提交的数据，根据数据交互类型，模拟浏览器向Web服务器发起数据读写请求，将Web服务器返回的数据通过回调返回给调用网页。解决了同源策略限制，实现客户端本地网页资源跨域与服务端数据交互。
【IPC分类】H04L29/08, G06F17/30
【公开号】CN105045887
【申请号】CN201510443616
【发明人】林旭, 徐永峰
【申请人】苏州工业园区迪锐信信息科技有限责任公司
【公开日】2015年11月11日
【申请日】2015年7月24日