CN107515742A - 使Web页面访问移动APP本地资源的架构方法及系统 - Google Patents
使Web页面访问移动APP本地资源的架构方法及系统 Download PDFInfo
- Publication number
- CN107515742A CN107515742A CN201710585427.6A CN201710585427A CN107515742A CN 107515742 A CN107515742 A CN 107515742A CN 201710585427 A CN201710585427 A CN 201710585427A CN 107515742 A CN107515742 A CN 107515742A
- Authority
- CN
- China
- Prior art keywords
- document
- web page
- character string
- app local
- access
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/31—Programming languages or programming paradigms
- G06F8/315—Object-oriented languages
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/25—Integrating or interfacing systems involving database management systems
- G06F16/252—Integrating or interfacing systems involving database management systems between a Database Management System and a front-end application
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Computing Systems (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明公开一种使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。还提供了对应的架构系统。
Description
技术领域
本发明属于移动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/javascript,
对此对象的innerHTML属性赋值,值是B获取到的字符串;
插入模块,其配置为将上述dom对象插入document。
以上所述,仅是本发明的较佳实施例,并非对本发明作任何形式上的限制,凡是依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰,均仍属本发明技术方案的保护范围。
Claims (6)
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页面访问移动APP本地资源的架构方法,其特征在于:在处理音频、视频大文件时,在android设备上的实现方法包括以下步骤:
(d1)将这些大文件打包入android工程的asset目录中;
(d2)获取浏览器对象句柄;
(d3)通过浏览器对象句柄访问浏览器的白名单设置方法;
(d4)通过白名单设置,允许Web访问本地asset目录;
(d5)Web页面中,通过file协议,指定asset目录,进行访问。
5.根据权利要求1-3任一项所述的使Web页面访问移动APP本地资源的架构方法,其特征在于:在处理音频、视频大文件时,在ios设备上的实现方法包括以下步骤:
(e1)将大文件下载保存至APP的Documents目录下;
(e2)启动ios本地web容器GCDWebServer;
(e3)映射Documents目录为GCDWebServer的虚拟主机路径;
(e4)Web页面以http协议访问GCDWebServer虚拟主机路径下的所有资源,这些资源是Documents目录下的资源。
6.使Web页面访问移动APP本地资源的架构系统,其特征在于:当访问js文件时,该系统包括:
写入模块,其配置为取出js文件中的全部内容,写入一个字符串,存储在APP本地数据库中;
读取模块,其配置为Web页面从APP本地数据库中读取字符串;
对象获取模块,其配置为通过句柄取到Web的文档对象document;
创建模块,其配置为由document创建一新的script类型的dom对象;赋值模块,其配置为指定D创建的dom对象的类型是text/javascript,对此对象的innerHTML属性赋值,值是B获取到的字符串;
插入模块,其配置为将上述dom对象插入document。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710585427.6A CN107515742B (zh) | 2017-07-18 | 2017-07-18 | 使Web页面访问移动APP本地资源的架构方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710585427.6A CN107515742B (zh) | 2017-07-18 | 2017-07-18 | 使Web页面访问移动APP本地资源的架构方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107515742A true CN107515742A (zh) | 2017-12-26 |
CN107515742B CN107515742B (zh) | 2020-10-09 |
Family
ID=60722556
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710585427.6A Active CN107515742B (zh) | 2017-07-18 | 2017-07-18 | 使Web页面访问移动APP本地资源的架构方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107515742B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113377375A (zh) * | 2021-06-30 | 2021-09-10 | 杭州群核信息技术有限公司 | 页面处理的方法 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020129064A1 (en) * | 1997-04-08 | 2002-09-12 | John Guthrie | Method and system for injecting code to conditionally incorporate a user interface component in an HTML document |
CN101694626A (zh) * | 2009-09-30 | 2010-04-14 | 曙光信息产业(北京)有限公司 | 脚本执行系统及方法 |
CN102999420A (zh) * | 2011-09-13 | 2013-03-27 | 阿里巴巴集团控股有限公司 | 基于dom的跨站脚本漏洞测试方法和系统 |
-
2017
- 2017-07-18 CN CN201710585427.6A patent/CN107515742B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020129064A1 (en) * | 1997-04-08 | 2002-09-12 | John Guthrie | Method and system for injecting code to conditionally incorporate a user interface component in an HTML document |
CN101694626A (zh) * | 2009-09-30 | 2010-04-14 | 曙光信息产业(北京)有限公司 | 脚本执行系统及方法 |
CN102999420A (zh) * | 2011-09-13 | 2013-03-27 | 阿里巴巴集团控股有限公司 | 基于dom的跨站脚本漏洞测试方法和系统 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113377375A (zh) * | 2021-06-30 | 2021-09-10 | 杭州群核信息技术有限公司 | 页面处理的方法 |
Also Published As
Publication number | Publication date |
---|---|
CN107515742B (zh) | 2020-10-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Kirschenbaum et al. | Digital forensics and born-digital content in cultural heritage collections | |
US7950064B2 (en) | System and method for controlling comments in a collaborative document | |
US9613156B2 (en) | Cookie information sharing method and system | |
US8645344B2 (en) | Document processing system and method therefor | |
WO2019184138A1 (zh) | 票据信息录入方法、装置、计算机设备和存储介质 | |
CN105577684A (zh) | 防爬虫抓取的方法、服务端、客户端和系统 | |
US8869286B1 (en) | Systems and methods for analyzing client-side storage security for internet applications | |
John | Digital forensics and preservation | |
Yeh et al. | An efficient and secure approach for a cloud collaborative editing | |
CN104765849A (zh) | 一种获取拷贝数据来源信息的方法和系统 | |
US7818810B2 (en) | Control of document content having extraction permissives | |
US20080263333A1 (en) | Document processing method | |
Sharma et al. | Forensic analysis of a virtual Android phone | |
CN107515742A (zh) | 使Web页面访问移动APP本地资源的架构方法及系统 | |
Wu et al. | Forensics on twitter and wechat using a customised android emulator | |
Eckard et al. | Bridging technologies to efficiently arrange and describe digital archives: the Bentley Historical Library’s ArchivesSpace-Archivematica-DSpace Workflow Integration Project | |
US10803093B2 (en) | Systems and methods for enabling a file management label to persist on a data file | |
US20070150853A1 (en) | Method for processing assembly of data blocks using associated control application | |
CN104361094A (zh) | 搜索结果中文件的保存方法、装置和浏览器客户端 | |
US9064134B1 (en) | Method and apparatus for mitigating software vulnerabilities | |
Gustafson | HTML5 Web Application Development By Example Beginner's guide | |
Dangar | Learning laravel 4 application development | |
CN112036133B (zh) | 一种文件保存方法、装置、电子设备及存储介质 | |
Ceballos Delgado et al. | FADE: A forensic image generator for android device education | |
CN111079375A (zh) | 一种信息整理的方法、装置、计算机存储介质及终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |