使Web页面访问移动APP本地资源的架构方法及系统技术方案

本发明专利技术公开一种使Web页面访问移动APP本地资源的架构方法，其使Web页面能够跨越沙箱访问本地资源，解放了架构，使架构变得灵活。当访问js文件时，该方法包括：(a1)取出js文件中的全部内容，写入一个字符串，存储在APP本地数据库中；(a2)Web页面从APP本地数据库中读取字符串；(a3)通过句柄取到Web的文档对象document；(a4)由document创建一新的script类型的dom对象；(a5)指定D创建的dom对象的类型是text/javascript，对此对象的innerHTML属性赋值，值是B获取到的字符串；(a6)将上述dom对象插入document。还提供了对应的架构系统。

Architecture methods and systems to access Web pages for mobile APP local resources

The invention discloses an architecture method for accessing Web pages to mobile APP local resources, which enables Web pages to access local resources across sandboxes, liberate the architecture and make the architecture flexible. When accessing the JS file, the method includes: (A1) remove all content in the JS file, write a string, APP stored in the local database; (A2) Web page reads a string from the APP local database; (A3) the document Web document object through the handle; (A4) a new the script type of DOM object created by the document; (A5) specifies the type D created DOM object is text/javascript, the innerHTML attribute assignment object, value is the string B to access; (A6) the DOM object into document. The corresponding architecture system is also provided.

【技术实现步骤摘要】
使Web页面访问移动APP本地资源的架构方法及系统
本专利技术属于移动APP的
，具体地涉及一种使Web页面访问移动APP本地资源的架构方法及系统。
技术介绍
安全沙箱，作为一个独立的逻辑存储空间，将设备上的企业应用和存储区域与个人的划分开，限制两方数据的互相通信，从而加固了企业应用的数据安全性。“企业沙箱”是一个逻辑概念，可以很好的帮助最终用户理解一系列安全功能，并掌握其使用。但在技术层面上，由于各OS的区别，并在各个平台上实现方法不一样，操作上也稍有区别。安全沙箱可以提供多一层的密码保护和数据加密。除了设备的开机密码外，当用到安全沙箱内部的任何一个APP时，需要进行第二层的密码验证。同时，所有进到沙箱内部的数据都是进行了加密存储的。即使当设备丢失，越狱后，能够读出沙箱内的文件，但文件已被加密，也无法破解文件的内容。对于越狱威胁较大的BYOD场景，尤为重要。由于移动APP安全沙箱的规则限制，一般情况下，APP所访问的Web页面，都是没有权限去访问js等本地资源的。这使得APP架构设计变得僵硬。
技术实现思路
本专利技术的技术解决问题是：克服现有技术的不足，提供一种使Web页面访问移动APP本地资源的架构方法，其使Web页面能够跨越沙箱访问本地资源，解放了架构，使架构变得灵活。本专利技术的技术解决方案是：这种当访问js文件时，该方法包括以下步骤：(a1)取出js文件中的全部内容，写入一个字符串，存储在APP本地数据库中；(a2)Web页面从APP本地数据库中读取字符串；(a3)通过句柄取到Web的文档对象document；(a4)由document创建一新的script类型的dom对象；(a5)指定D创建的dom对象的类型是text/javascript，对此对象的innerHTML属性赋值，值是B获取到的字符串；(a6)将上述dom对象插入document。本专利技术通过取出js文件中的全部内容，写入一个字符串，存储在APP本地数据库中，Web页面从APP本地数据库中读取字符串，通过句柄取到Web的文档对象document，由document创建一新的script类型的dom对象，指定D创建的dom对象的类型是text/javascript，对此对象的innerHTML属性赋值，值是B获取到的字符串，将上述dom对象插入document，因此使Web页面能够跨越沙箱访问本地资源，解放了架构，使架构变得灵活。还提供了一种使Web页面访问移动APP本地资源的架构系统，当访问js文件时，该系统包括：写入模块，其配置为取出js文件中的全部内容，写入一个字符串，存储在APP本地数据库中；读取模块，其配置为Web页面从APP本地数据库中读取字符串；对象获取模块，其配置为通过句柄取到Web的文档对象document；创建模块，其配置为由document创建一新的script类型的dom对象；赋值模块，其配置为指定D创建的dom对象的类型是text/javascript，对此对象的innerHTML属性赋值，值是B获取到的字符串；插入模块，其配置为将上述dom对象插入document。附图说明图1示出了根据本专利技术的使Web页面访问移动APP本地资源的架构方法的流程图。图2示出了采用本专利技术的使Web页面访问移动APP本地资源的架构系统的示意图。具体实施方式如图1所示，这种使Web页面访问移动APP本地资源的架构方法，当访问js文件时，该方法包括以下步骤：(a1)取出js文件中的全部内容，写入一个字符串，存储在APP本地数据库中；(a2)Web页面从APP本地数据库中读取字符串；(a3)通过句柄取到Web的文档对象document；(a4)由document创建一新的script类型的dom对象；(a5)指定D创建的dom对象的类型是text/javascript，对此对象的innerHTML属性赋值，值是B获取到的字符串；(a6)将上述dom对象插入document。本专利技术通过取出js文件中的全部内容，写入一个字符串，存储在APP本地数据库中，Web页面从APP本地数据库中读取字符串，通过句柄取到Web的文档对象document，由document创建一新的script类型的dom对象，指定D创建的dom对象的类型是text/javascript，对此对象的innerHTML属性赋值，值是B获取到的字符串，将上述dom对象插入document，因此使Web页面能够跨越沙箱访问本地资源，解放了架构，使架构变得灵活。另外，当访问css文件时，该方法包括以下步骤：(b1)取出css文件中的全部内容，写入一个字符串，存储在APP本地数据库中；(b2)Web页面从APP本地数据库中读取字符串；(b3)通过句柄取到Web的文档对象document；(b4)由document创建一新的link类型的dom对象；(b5)指定D创建的dom对象的类型是text/css，对此对象的innerHTML属性赋值，值是B获取到的字符串；(b6)将上述dom对象插入document。另外，当访问图片文件时，该方法包括以下步骤：(c1)读取图片的base64值，写入一个字符串，存储在APP本地数据库中；(c2)Web页面从APP本地数据库中读取字符串；(c3)在文档中创建img标签；(c4)为img标签的src属性赋值，值是B获取到的字符串。另外，在处理音频、视频大文件时，在android设备上的实现方法包括以下步骤：(d1)将这些大文件打包入android工程的asset目录中；(d2)获取浏览器对象句柄；(d3)通过浏览器对象句柄访问浏览器的白名单设置方法；(d4)通过白名单设置，允许Web访问本地asset目录；(d5)Web页面中，通过file协议，指定asset目录，进行访问。另外，在处理音频、视频大文件时，在ios设备上的实现方法包括以下步骤：(e1)将大文件下载保存至APP的Documents目录下；(e2)启动ios本地web容器GCDWebServer；(e3)映射Documents目录为GCDWebServer的虚拟主机路径；(e4)Web页面以http协议访问GCDWebServer虚拟主机路径下的所有资源，这些资源是Documents目录下的资源。本领域普通技术人员可以理解，实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，所述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，包括上述实施例方法的各步骤，而所述的存储介质可以是：ROM/RAM、磁碟、光盘、存储卡等。因此，与本专利技术的方法相对应的，本专利技术还同时包括一种使Web页面访问移动APP本地资源的架构系统，该系统通常以与方法各步骤相对应的功能模块的形式表示。使用该方法的系统，其包括:写入模块，其配置为取出js文件中的全部内容，写入一个字符串，存储在APP本地数据库中；读取模块，其配置为Web页面从APP本地数据库中读取字符串；对象获取模块，其配置为通过句柄取到Web的文档对象document；创建模块，其配置为由document创建一新的script类型的dom对象；赋值模块，其配置为指定D创建的dom对象的类型是text/javascr本文档来自技高网...

【技术保护点】
使Web页面访问移动APP本地资源的架构方法，其特征在于：当访问js文件时，该方法包括以下步骤：(a1)取出js文件中的全部内容，写入一个字符串，存储在APP本地数据库中；(a2)Web页面从APP本地数据库中读取字符串；(a3)通过句柄取到Web的文档对象document；(a4)由document创建一新的script类型的dom对象；(a5)指定D创建的dom对象的类型是text/javascript，对此对象的innerHTML属性赋值，值是B获取到的字符串；(a6)将上述dom对象插入document。

【技术特征摘要】
1.使Web页面访问移动APP本地资源的架构方法，其特征在于：当访问js文件时，该方法包括以下步骤：(a1)取出js文件中的全部内容，写入一个字符串，存储在APP本地数据库中；(a2)Web页面从APP本地数据库中读取字符串；(a3)通过句柄取到Web的文档对象document；(a4)由document创建一新的script类型的dom对象；(a5)指定D创建的dom对象的类型是text/javascript，对此对象的innerHTML属性赋值，值是B获取到的字符串；(a6)将上述dom对象插入document。2.根据权利要求1所述的使Web页面访问移动APP本地资源的架构方法，其特征在于：当访问css文件时，该方法包括以下步骤：(b1)取出css文件中的全部内容，写入一个字符串，存储在APP本地数据库中；(b2)Web页面从APP本地数据库中读取字符串；(b3)通过句柄取到Web的文档对象document；(b4)由document创建一新的link类型的dom对象；(b5)指定D创建的dom对象的类型是text/css，对此对象的innerHTML属性赋值，值是B获取到的字符串；(b6)将上述dom对象插入document。3.根据权利要求2所述的使Web页面访问移动APP本地资源的架构方法，其特征在于：当访问图片文件时，该方法包括以下步骤：(c1)读取图片的base64值，写入一个字符串，存储在APP本地数据库中；(c2)Web页面从APP本地数据库中读取字符串；(c3)在文档中创建img标签；(c4)为img标签的src属性赋值，值是B获取到的字符串。4.根据权利要求1-3任一项所述的使Web页面访问移...

【专利技术属性】
技术研发人员：屠文珂，杨英，俞晖，延琦，邱磊，
申请(专利权)人：北京时医康科技发展有限公司，
类型：发明
国别省市：北京,11