CN113626063A - 一种访问静态Demo的方法、装置、设备及可读介质 - Google Patents
一种访问静态Demo的方法、装置、设备及可读介质 Download PDFInfo
- Publication number
- CN113626063A CN113626063A CN202110840540.0A CN202110840540A CN113626063A CN 113626063 A CN113626063 A CN 113626063A CN 202110840540 A CN202110840540 A CN 202110840540A CN 113626063 A CN113626063 A CN 113626063A
- Authority
- CN
- China
- Prior art keywords
- data
- demo
- folder
- url
- request
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 37
- 230000003068 static effect Effects 0.000 title claims abstract description 30
- 230000004044 response Effects 0.000 claims abstract description 45
- 235000014510 cooky Nutrition 0.000 claims abstract description 30
- 238000004590 computer program Methods 0.000 claims description 11
- 230000004048 modification Effects 0.000 claims description 10
- 238000012986 modification Methods 0.000 claims description 10
- 238000009434 installation Methods 0.000 abstract description 6
- 230000006870 function Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 7
- 230000003287 optical effect Effects 0.000 description 4
- 238000013461 design Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 239000000835 fiber Substances 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 238000012546 transfer Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 125000004122 cyclic group Chemical group 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供了一种访问静态Demo的方法、装置、设备及可读介质，该方法包括：拦截可正常访问的web应用的响应返回值，解析请求的url并基于解析结果创建缓存文件夹；在缓存文件夹中创建data.js文件，并将解析得到的入参和响应返回值按照预设格式写入到data.js文件中；将缓存文件夹复制到Demo应用中，并改造Demo应用的数据请求方式；改造Demo应用的Cookie读取方式以使浏览器能够访问Demo应用。通过使用本发明的方案，能够实现无需部署、可直接用浏览器访问静态Demo，精简了Demo的部署和安装包，提升了易用性，降低了Demo应用的门槛。
Description
技术领域
本领域涉及计算机领域，并且更具体地涉及一种访问静态Demo的方法、装置、设备及可读介质。
背景技术
目前基本上所有的Web应用上线发布之后，为了方便演示产品功能，都会基于Web应用实现一个Demo，Demo一般具有以下特点：1包含所有的产品功能，2任何人都可以访问，3无需与数据库交互，页面所有数据为内置数据，4可以携带并复制。但是这种Demo基本上都需要启动Server服务，需借助Tomcat、Node等。这个时候就需考虑更多的问题，演示时是否拥有部署的环境，部署的环境与当前服务是否有兼容问题，演示的人需要掌握一些相关的专业知识，Demo需要内置Tomcat或者Node安装包。
发明内容
有鉴于此，本发明实施例的目的在于提出一种访问静态Demo的方法、装置、设备及可读介质，通过使用本发明的技术方案，能够实现无需部署、可直接用浏览器访问静态Demo(是指可以放到任何系统的任何位置的一些静态资源总和，可以无需启动Server服务，但能像访问真正的Web应用一样直接通过本地浏览器访问(通过本地文件传输协议)当前的静态资源Demo)，精简了Demo的部署和安装包，提升了易用性，降低了Demo应用的门槛。
基于上述目的，本发明的实施例的一个方面提供了一种访问静态Demo的方法，包括以下步骤：
拦截可正常访问的web应用的响应返回值，解析请求的url并基于解析结果创建缓存文件夹；
在缓存文件夹中创建data.js文件，并将解析得到的入参和响应返回值按照预设格式写入到data.js文件中；
将缓存文件夹复制到Demo应用中，并改造Demo应用的数据请求方式；
改造Demo应用的Cookie读取方式以使浏览器能够访问Demo应用。
根据本发明的一个实施例，拦截可正常访问的web应用的响应返回值，解析请求的url并基于解析结果创建缓存文件夹包括：
解析请求的url并将url路径进行拆分以得到若干个名称；
创建缓存文件夹并按照拆分后得到的名称的顺序在缓存文件夹内创建第一名称对应的文件夹；
在第一名称对应的文件夹内创建第二名称对应的文件夹；
在第二名称对应的文件夹内创建第三名称对应的文件夹直到所有名称对应的文件夹创建完成。
根据本发明的一个实施例，在缓存文件夹中创建data.js文件包括：
在最后一个名称对应的文件夹内创建data.js文件。
根据本发明的一个实施例，将解析得到的入参和响应返回值按照预设格式写入到data.js文件中包括：
将解析url得到的入参和响应返回值按照window[url]＝{url入参：响应返回值}的格式写入到data.js文件中。
根据本发明的一个实施例，将缓存文件夹复制到Demo应用中，并改造Demo应用的数据请求方式包括：
将缓存文件夹复制到Demo应用中；
根据请求的url和请求对应的数据文件位置解析出相对路径，并将http数据请求方式替换为script请求方式；
给script对象绑定onload事件，在事件中依据请求的url获取到data.js文件中的数据；
移除新增的script对象和运行data.js文件产生的全局变量。
根据本发明的一个实施例，根据请求的url和请求对应的数据文件位置解析出相对路径，并将http数据请求方式替换为script请求方式包括：
创建script对象，设置script对象的src路径为数据源的相对路径；
将script对象添加到header标签中。
根据本发明的一个实施例，改造Demo应用的Cookie读取方式以使浏览器能够访问Demo应用包括：
将设置Cookie和读取Cookie的程序改成全局变量形式；
使用浏览器打开静态资源入口文件index.html以实现静态Demo的访问。
本发明的实施例的另一个方面，还提供了一种访问静态Demo的装置，装置包括：
解析模块，解析模块配置为拦截可正常访问的web应用的响应返回值，解析请求的url并基于解析结果创建缓存文件夹；
创建模块，创建模块配置为在缓存文件夹中创建data.js文件，并将解析得到的入参和响应返回值按照预设格式写入到data.js文件中；
修改模块，修改模块配置为将缓存文件夹复制到Demo应用中，并改造Demo应用的数据请求方式；
改造模块，改造模块配置为改造Demo应用的Cookie读取方式以使浏览器能够访问Demo应用。
本发明的实施例的另一个方面，还提供了一种计算机设备，该计算机设备包括：
至少一个处理器；以及
存储器，存储器存储有可在处理器上运行的计算机指令，指令由处理器执行时实现上述任意一项方法的步骤。
本发明的实施例的另一个方面，还提供了一种计算机可读存储介质，计算机可读存储介质存储有计算机程序，计算机程序被处理器执行时实现上述任意一项方法的步骤。
本发明具有以下有益技术效果：本发明实施例提供的访问静态Demo的方法，通过拦截可正常访问的web应用的响应返回值，解析请求的url并基于解析结果创建缓存文件夹；在缓存文件夹中创建data.js文件，并将解析得到的入参和响应返回值按照预设格式写入到data.js文件中；将缓存文件夹复制到Demo应用中，并改造Demo应用的数据请求方式；改造Demo应用的Cookie读取方式以使浏览器能够访问Demo应用的技术方案，能够实现无需部署、可直接用浏览器访问静态Demo，精简了Demo的部署和安装包，提升了易用性，降低了Demo应用的门槛。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的实施例。
图1为根据本发明一个实施例的访问静态Demo的方法的示意性流程图；
图2为根据本发明一个实施例的访问静态Demo的装置的示意图；
图3为根据本发明一个实施例的计算机设备的示意图；
图4为根据本发明一个实施例的计算机可读存储介质的示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚明白，以下结合具体实施例，并参照附图，对本发明实施例进一步详细说明。
基于上述目的，本发明的实施例的第一个方面，提出了一种访问静态Demo的方法的一个实施例。图1示出的是该方法的示意性流程图。
如图1中所示，该方法可以包括以下步骤：
S1拦截可正常访问的web应用的响应返回值，解析请求的url并基于解析结果创建缓存文件夹。
准备一套部署好的可以正常访问Web应用(以下称为A应用)，复制A应用的静态资源文件到其他位置，目录结构和A应用的目录结构保持一致，请注意由于Demo无需部署，没有服务端，所以所有请求都要改为相对路径请求，例如A应用使用Webpack打包，检查Webpack配置项，将publicPath属性改为相对路径，如将‘/’改为‘./’。用户访问A应用，浏览器向服务端发出请求，服务端返回数据前进行拦截响应请求，获取返回值，解析请求的url，将url路径进行拆分，创建保存缓存数据的缓存文件夹(顶层目录mockData文件夹)，按照拆分后顺序在mockData文件夹下创建文件夹，文件夹名字同url拆分路径，例如：请求的url路径为/base/user/info？userId＝XXX，那么在mockData文件夹下创建base文件夹，base文件夹下创建user文件夹，user文件夹下创建info文件夹。
S2在缓存文件夹中创建data.js文件，并将解析得到的入参和响应返回值按照预设格式写入到data.js文件中。
在info文件夹下创建data.js文件，该文件用来保存缓存数据，本次请求读写data.js文件时，为防止同时多个异步请求同时读写data.js文件，造成数据混乱异常，给data.js文件增加读写锁，其他异步请求到来并要求读写当前的data.js文件时，进行循环等待，一直到本次读写data.js文件结束，解析url的入参，结合响应返回值，组织data.js文件的写入内容，写入格式为window[url]＝{url入参：响应返回值}，例如请求的url路径为/base/user/info？userId＝XXX，返回值为
本次写完后释放data.js读写锁。如果后续其他请求的url不同于上面的请求的url，那么重复上述步骤，如果请求的url相同，url入参也相同，则覆盖写入内容，如果请求的url相同，url入参不相同，则读取data.js文件内容，与当前的内容进行合并，例如：
请求的url为/base/user/info？userId＝YYY，则写入内容为：
S3将缓存文件夹复制到Demo应用中，并改造Demo应用的数据请求方式。
然后复制mockData文件夹到Demo应用中，根据请求的url和请求对应的数据文件位置解析出相对路径，将Ajax、Axios、Fetch等http数据请求方式替换为script请求，替代方式为创建script对象，设置script对象的src路径为数据源相对路径，将script对象添加到header标签中，例如/base/user/info？userId＝XXX请求替代为<script src＝”./base/user/info/data.js”></script>，然后给script对象绑定onload事件，在事件中依据请求url获取到data.js中的数据，例如获取/base/user/info？userId＝XXX的data数据为window[‘/base/user/info’][‘userId＝XXX’]，将获取到的数据返回后移除新增的script对象及运行data.js产生的全局变量。
S4改造Demo应用的Cookie读取方式以使浏览器能够访问Demo应用。
由于Demo应用是不部署、无server的，所以Cookie机制无法使用，需将设置Cookie和读取Cookie的程序改成全局变量形式，例如将setCookie(“userId”,”XXX”)改成window.cookieObj＝{“userId”:”XXX”}，将getCookie(“userId”)改成window.cookieObj[‘userId’]。最后双击静态资源入口文件index.html，使用浏览器打开此静态资源，实现静态Demo的访问。
通过本发明的技术方案，能够实现无需部署、可直接用浏览器访问静态Demo，精简了Demo的部署和安装包，提升了易用性，降低了Demo应用的门槛。
在本发明的一个优选实施例中，拦截可正常访问的web应用的响应返回值，解析请求的url并基于解析结果创建缓存文件夹包括：
解析请求的url并将url路径进行拆分以得到若干个名称；
创建缓存文件夹并按照拆分后得到的名称的顺序在缓存文件夹内创建第一名称对应的文件夹；
在第一名称对应的文件夹内创建第二名称对应的文件夹；
在第二名称对应的文件夹内创建第三名称对应的文件夹直到所有名称对应的文件夹创建完成。例如：请求的url路径为/base/user/info？userId＝XXX，那么在缓存文件夹下创建base文件夹，base文件夹下创建user文件夹，user文件夹下创建info文件夹。
在本发明的一个优选实施例中，在缓存文件夹中创建data.js文件包括：
在最后一个名称对应的文件夹内创建data.js文件。如上例，则在info文件夹下创建data.js文件，该文件用来保存缓存数据。
在本发明的一个优选实施例中，将解析得到的入参和响应返回值按照预设格式写入到data.js文件中包括：
将解析url得到的入参和响应返回值按照window[url]＝{url入参：响应返回值}的格式写入到data.js文件中。例如请求的url路径为/base/user/info？userId＝XXX，返回值为
在本发明的一个优选实施例中，将缓存文件夹复制到Demo应用中，并改造Demo应用的数据请求方式包括：
将缓存文件夹复制到Demo应用中；
根据请求的url和请求对应的数据文件位置解析出相对路径，并将http数据请求方式替换为script请求方式；
给script对象绑定onload事件，在事件中依据请求的url获取到data.js文件中的数据；
移除新增的script对象和运行data.js文件产生的全局变量。
在本发明的一个优选实施例中，根据请求的url和请求对应的数据文件位置解析出相对路径，并将http数据请求方式替换为script请求方式包括：
创建script对象，设置script对象的src路径为数据源的相对路径；
将script对象添加到header标签中。
在本发明的一个优选实施例中，改造Demo应用的Cookie读取方式以使浏览器能够访问Demo应用包括：
将设置Cookie和读取Cookie的程序改成全局变量形式；
使用浏览器打开静态资源入口文件index.html以实现静态Demo的访问。
通过本发明的技术方案，能够实现无需部署、可直接用浏览器访问静态Demo，精简了Demo的部署和安装包，提升了易用性，降低了Demo应用的门槛。
需要说明的是，本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，可以通过计算机程序来指令相关硬件来完成，上述的程序可存储于计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中存储介质可为磁碟、光盘、只读存储器(Read-Only Memory，ROM)或随机存取存储器(Random AccessMemory，RAM)等。上述计算机程序的实施例，可以达到与之对应的前述任意方法实施例相同或者相类似的效果。
此外，根据本发明实施例公开的方法还可以被实现为由CPU执行的计算机程序，该计算机程序可以存储在计算机可读存储介质中。在该计算机程序被CPU执行时，执行本发明实施例公开的方法中限定的上述功能。
基于上述目的，本发明的实施例的第二个方面，提出了一种访问静态Demo的装置，如图2所示，装置200包括：
解析模块，解析模块配置为拦截可正常访问的web应用的响应返回值，解析请求的url并基于解析结果创建缓存文件夹；
创建模块，创建模块配置为在缓存文件夹中创建data.js文件，并将解析得到的入参和响应返回值按照预设格式写入到data.js文件中；
修改模块，修改模块配置为将缓存文件夹复制到Demo应用中，并改造Demo应用的数据请求方式；
改造模块，改造模块配置为改造Demo应用的Cookie读取方式以使浏览器能够访问Demo应用。
在本发明的一个优选实施例中，解析模块还配置为：
解析请求的url并将url路径进行拆分以得到若干个名称；
创建缓存文件夹并按照拆分后得到的名称的顺序在缓存文件夹内创建第一名称对应的文件夹；
在第一名称对应的文件夹内创建第二名称对应的文件夹；
在第二名称对应的文件夹内创建第三名称对应的文件夹直到所有名称对应的文件夹创建完成。
在本发明的一个优选实施例中，创建模块还配置为：
在最后一个名称对应的文件夹内创建data.js文件。
在本发明的一个优选实施例中，创建模块还配置为：
将解析url得到的入参和响应返回值按照window[url]＝{url入参：响应返回值}的格式写入到data.js文件中。
在本发明的一个优选实施例中，修改模块还配置为：
将缓存文件夹复制到Demo应用中；
根据请求的url和请求对应的数据文件位置解析出相对路径，并将http数据请求方式替换为script请求方式；
给script对象绑定onload事件，在事件中依据请求的url获取到data.js文件中的数据；
移除新增的script对象和运行data.js文件产生的全局变量。
在本发明的一个优选实施例中，修改模块还配置为：
创建script对象，设置script对象的src路径为数据源的相对路径；
将script对象添加到header标签中。
在本发明的一个优选实施例中，改造模块还配置为：
将设置Cookie和读取Cookie的程序改成全局变量形式；
使用浏览器打开静态资源入口文件index.html以实现静态Demo的访问。
基于上述目的，本发明实施例的第三个方面，提出了一种计算机设备。图3示出的是本发明提供的计算机设备的实施例的示意图。如图3所示，本发明实施例包括如下装置：至少一个处理器S21；以及存储器S22，存储器S22存储有可在处理器上运行的计算机指令S23，指令由处理器执行时实现以下方法：
拦截可正常访问的web应用的响应返回值，解析请求的url并基于解析结果创建缓存文件夹；
在缓存文件夹中创建data.js文件，并将解析得到的入参和响应返回值按照预设格式写入到data.js文件中；
将缓存文件夹复制到Demo应用中，并改造Demo应用的数据请求方式；
改造Demo应用的Cookie读取方式以使浏览器能够访问Demo应用。
在本发明的一个优选实施例中，拦截可正常访问的web应用的响应返回值，解析请求的url并基于解析结果创建缓存文件夹包括：
解析请求的url并将url路径进行拆分以得到若干个名称；
创建缓存文件夹并按照拆分后得到的名称的顺序在缓存文件夹内创建第一名称对应的文件夹；
在第一名称对应的文件夹内创建第二名称对应的文件夹；
在第二名称对应的文件夹内创建第三名称对应的文件夹直到所有名称对应的文件夹创建完成。
在本发明的一个优选实施例中，在缓存文件夹中创建data.js文件包括：
在最后一个名称对应的文件夹内创建data.js文件。
在本发明的一个优选实施例中，将解析得到的入参和响应返回值按照预设格式写入到data.js文件中包括：
将解析url得到的入参和响应返回值按照window[url]＝{url入参：响应返回值}的格式写入到data.js文件中。
在本发明的一个优选实施例中，将缓存文件夹复制到Demo应用中，并改造Demo应用的数据请求方式包括：
将缓存文件夹复制到Demo应用中；
根据请求的url和请求对应的数据文件位置解析出相对路径，并将http数据请求方式替换为script请求方式；
给script对象绑定onload事件，在事件中依据请求的url获取到data.js文件中的数据；
移除新增的script对象和运行data.js文件产生的全局变量。
在本发明的一个优选实施例中，根据请求的url和请求对应的数据文件位置解析出相对路径，并将http数据请求方式替换为script请求方式包括：
创建script对象，设置script对象的src路径为数据源的相对路径；
将script对象添加到header标签中。
在本发明的一个优选实施例中，改造Demo应用的Cookie读取方式以使浏览器能够访问Demo应用包括：
将设置Cookie和读取Cookie的程序改成全局变量形式；
使用浏览器打开静态资源入口文件index.html以实现静态Demo的访问。
基于上述目的，本发明实施例的第四个方面，提出了一种计算机可读存储介质。图4示出的是本发明提供的计算机可读存储介质的实施例的示意图。如图4所示，计算机可读存储介质S31存储有被处理器执行时执行如下方法的计算机程序S32：
拦截可正常访问的web应用的响应返回值，解析请求的url并基于解析结果创建缓存文件夹；
在缓存文件夹中创建data.js文件，并将解析得到的入参和响应返回值按照预设格式写入到data.js文件中；
将缓存文件夹复制到Demo应用中，并改造Demo应用的数据请求方式；
改造Demo应用的Cookie读取方式以使浏览器能够访问Demo应用。
在本发明的一个优选实施例中，拦截可正常访问的web应用的响应返回值，解析请求的url并基于解析结果创建缓存文件夹包括：
解析请求的url并将url路径进行拆分以得到若干个名称；
创建缓存文件夹并按照拆分后得到的名称的顺序在缓存文件夹内创建第一名称对应的文件夹；
在第一名称对应的文件夹内创建第二名称对应的文件夹；
在第二名称对应的文件夹内创建第三名称对应的文件夹直到所有名称对应的文件夹创建完成。
在本发明的一个优选实施例中，在缓存文件夹中创建data.js文件包括：
在最后一个名称对应的文件夹内创建data.js文件。
在本发明的一个优选实施例中，将解析得到的入参和响应返回值按照预设格式写入到data.js文件中包括：
将解析url得到的入参和响应返回值按照window[url]＝{url入参：响应返回值}的格式写入到data.js文件中。
在本发明的一个优选实施例中，将缓存文件夹复制到Demo应用中，并改造Demo应用的数据请求方式包括：
将缓存文件夹复制到Demo应用中；
根据请求的url和请求对应的数据文件位置解析出相对路径，并将http数据请求方式替换为script请求方式；
给script对象绑定onload事件，在事件中依据请求的url获取到data.js文件中的数据；
移除新增的script对象和运行data.js文件产生的全局变量。
在本发明的一个优选实施例中，根据请求的url和请求对应的数据文件位置解析出相对路径，并将http数据请求方式替换为script请求方式包括：
创建script对象，设置script对象的src路径为数据源的相对路径；
将script对象添加到header标签中。
在本发明的一个优选实施例中，改造Demo应用的Cookie读取方式以使浏览器能够访问Demo应用包括：
将设置Cookie和读取Cookie的程序改成全局变量形式；
使用浏览器打开静态资源入口文件index.html以实现静态Demo的访问。
此外，根据本发明实施例公开的方法还可以被实现为由处理器执行的计算机程序，该计算机程序可以存储在计算机可读存储介质中。在该计算机程序被处理器执行时，执行本发明实施例公开的方法中限定的上述功能。
此外，上述方法步骤以及系统单元也可以利用控制器以及用于存储使得控制器实现上述步骤或单元功能的计算机程序的计算机可读存储介质实现。
本领域技术人员还将明白的是，结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。为了清楚地说明硬件和软件的这种可互换性，已经就各种示意性组件、方块、模块、电路和步骤的功能对其进行了一般性的描述。这种功能是被实现为软件还是被实现为硬件取决于具体应用以及施加给整个系统的设计约束。本领域技术人员可以针对每种具体应用以各种方式来实现的功能，但是这种实现决定不应被解释为导致脱离本发明实施例公开的范围。
在一个或多个示例性设计中，功能可以在硬件、软件、固件或其任意组合中实现。如果在软件中实现，则可以将功能作为一个或多个指令或代码存储在计算机可读介质上或通过计算机可读介质来传送。计算机可读介质包括计算机存储介质和通信介质，该通信介质包括有助于将计算机程序从一个位置传送到另一个位置的任何介质。存储介质可以是能够被通用或专用计算机访问的任何可用介质。作为例子而非限制性的，该计算机可读介质可以包括RAM、ROM、EEPROM、CD-ROM或其它光盘存储设备、磁盘存储设备或其它磁性存储设备，或者是可以用于携带或存储形式为指令或数据结构的所需程序代码并且能够被通用或专用计算机或者通用或专用处理器访问的任何其它介质。此外，任何连接都可以适当地称为计算机可读介质。例如，如果使用同轴线缆、光纤线缆、双绞线、数字用户线路(DSL)或诸如红外线、无线电和微波的无线技术来从网站、服务器或其它远程源发送软件，则上述同轴线缆、光纤线缆、双绞线、DSL或诸如红外线、无线电和微波的无线技术均包括在介质的定义。如这里所使用的，磁盘和光盘包括压缩盘(CD)、激光盘、光盘、数字多功能盘(DVD)、软盘、蓝光盘，其中磁盘通常磁性地再现数据，而光盘利用激光光学地再现数据。上述内容的组合也应当包括在计算机可读介质的范围内。
以上是本发明公开的示例性实施例，但是应当注意，在不背离权利要求限定的本发明实施例公开的范围的前提下，可以进行多种改变和修改。根据这里描述的公开实施例的方法权利要求的功能、步骤和/或动作不需以任何特定顺序执行。此外，尽管本发明实施例公开的元素可以以个体形式描述或要求，但除非明确限制为单数，也可以理解为多个。
应当理解的是，在本文中使用的，除非上下文清楚地支持例外情况，单数形式“一个”旨在也包括复数形式。还应当理解的是，在本文中使用的“和/或”是指包括一个或者一个以上相关联地列出的项目的任意和所有可能组合。
上述本发明实施例公开实施例序号仅仅为了描述，不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
所属领域的普通技术人员应当理解：以上任何实施例的讨论仅为示例性的，并非旨在暗示本发明实施例公开的范围(包括权利要求)被限于这些例子；在本发明实施例的思路下，以上实施例或者不同实施例中的技术特征之间也可以进行组合，并存在如上的本发明实施例的不同方面的许多其它变化，为了简明它们没有在细节中提供。因此，凡在本发明实施例的精神和原则之内，所做的任何省略、修改、等同替换、改进等，均应包含在本发明实施例的保护范围之内。
Claims (10)
1.一种访问静态Demo的方法，其特征在于，包括以下步骤：
拦截可正常访问的web应用的响应返回值，解析请求的url并基于解析结果创建缓存文件夹；
在所述缓存文件夹中创建data.js文件，并将解析得到的入参和所述响应返回值按照预设格式写入到所述data.js文件中；
将所述缓存文件夹复制到Demo应用中，并改造所述Demo应用的数据请求方式；
改造Demo应用的Cookie读取方式以使浏览器能够访问所述Demo应用。
2.根据权利要求1所述的方法，其特征在于，拦截可正常访问的web应用的响应返回值，解析请求的url并基于解析结果创建缓存文件夹包括：
解析请求的url并将url路径进行拆分以得到若干个名称；
创建所述缓存文件夹并按照拆分后得到的名称的顺序在所述缓存文件夹内创建第一名称对应的文件夹；
在所述第一名称对应的文件夹内创建第二名称对应的文件夹；
在所述第二名称对应的文件夹内创建第三名称对应的文件夹直到所有名称对应的文件夹创建完成。
3.根据权利要求2所述的方法，其特征在于，在所述缓存文件夹中创建data.js文件包括：
在最后一个名称对应的文件夹内创建data.js文件。
4.根据权利要求1所述的方法，其特征在于，将解析得到的入参和所述响应返回值按照预设格式写入到所述data.js文件中包括：
将解析url得到的入参和所述响应返回值按照window[url]＝{url入参：响应返回值}的格式写入到所述data.js文件中。
5.根据权利要求1所述的方法，其特征在于，将所述缓存文件夹复制到Demo应用中，并改造所述Demo应用的数据请求方式包括：
将所述缓存文件夹复制到Demo应用中；
根据请求的url和请求对应的数据文件位置解析出相对路径，并将http数据请求方式替换为script请求方式；
给script对象绑定onload事件，在事件中依据请求的url获取到所述data.js文件中的数据；
移除新增的script对象和运行data.js文件产生的全局变量。
6.根据权利要求5所述的方法，其特征在于，根据请求的url和请求对应的数据文件位置解析出相对路径，并将http数据请求方式替换为script请求方式包括：
创建script对象，设置script对象的src路径为数据源的相对路径；
将script对象添加到header标签中。
7.根据权利要求1所述的方法，其特征在于，改造Demo应用的Cookie读取方式以使浏览器能够访问所述Demo应用包括：
将设置Cookie和读取Cookie的程序改成全局变量形式；
使用浏览器打开静态资源入口文件index.html以实现静态Demo的访问。
8.一种访问静态Demo的装置，其特征在于，所述装置包括：
解析模块，所述解析模块配置为拦截可正常访问的web应用的响应返回值，解析请求的url并基于解析结果创建缓存文件夹；
创建模块，所述创建模块配置为在所述缓存文件夹中创建data.js文件，并将解析得到的入参和所述响应返回值按照预设格式写入到所述data.js文件中；
修改模块，所述修改模块配置为将所述缓存文件夹复制到Demo应用中，并改造所述Demo应用的数据请求方式；
改造模块，所述改造模块配置为改造Demo应用的Cookie读取方式以使浏览器能够访问所述Demo应用。
9.一种计算机设备，其特征在于，包括：
至少一个处理器；以及
存储器，所述存储器存储有可在所述处理器上运行的计算机指令，所述指令由所述处理器执行时实现权利要求1-7任意一项所述方法的步骤。
10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1-7任意一项所述方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110840540.0A CN113626063A (zh) | 2021-07-24 | 2021-07-24 | 一种访问静态Demo的方法、装置、设备及可读介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110840540.0A CN113626063A (zh) | 2021-07-24 | 2021-07-24 | 一种访问静态Demo的方法、装置、设备及可读介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113626063A true CN113626063A (zh) | 2021-11-09 |
Family
ID=78380852
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110840540.0A Pending CN113626063A (zh) | 2021-07-24 | 2021-07-24 | 一种访问静态Demo的方法、装置、设备及可读介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113626063A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114301892A (zh) * | 2021-12-28 | 2022-04-08 | 苏州浪潮智能科技有限公司 | 一种模拟Web应用实现示例功能的方法、装置、系统 |
-
2021
- 2021-07-24 CN CN202110840540.0A patent/CN113626063A/zh active Pending
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114301892A (zh) * | 2021-12-28 | 2022-04-08 | 苏州浪潮智能科技有限公司 | 一种模拟Web应用实现示例功能的方法、装置、系统 |
| CN114301892B (zh) * | 2021-12-28 | 2023-08-15 | 苏州浪潮智能科技有限公司 | 一种模拟Web应用实现示例功能的方法、装置、系统 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108279932B (zh) | 一种移动终端动态配置用户界面方法和装置 | |
| US9910651B2 (en) | System for developing, testing, deploying, and managing applications in real-time | |
| US9641591B1 (en) | Modifying web content at a client | |
| Souders | High-performance web sites | |
| US8660976B2 (en) | Web content rewriting, including responses | |
| US10324713B2 (en) | Server-side translation for custom application support in client-side scripts | |
| US9785452B2 (en) | Framework for dependency management and automatic file load in a network environment | |
| US9401949B1 (en) | Client web content cache purge | |
| CN112148678B (zh) | 一种文件访问方法、系统、设备以及介质 | |
| CN107807937B (zh) | 一种网站seo处理方法、装置及系统 | |
| US9547633B2 (en) | Methods for extending a selector application programming interface and devices thereof | |
| KR20080081276A (ko) | 디스크 기반 캐시 | |
| US20150319228A1 (en) | Provisioning a web hosting resource using a cloud service | |
| US20140281923A1 (en) | Methods for processing cascading style sheets and devices thereof | |
| CN107147645B (zh) | 网络安全数据的获取方法及装置 | |
| US20170017380A1 (en) | Mobile enabling a web application developed without mobile rendering capabilities | |
| US9292703B2 (en) | Electronic document management method | |
| US10116726B2 (en) | Methods for bundling images and devices thereof | |
| CN111328394A (zh) | Web内容的本地安全渲染 | |
| KR102006640B1 (ko) | 시스템, 서버 시스템, 방법 및 프로그램 | |
| CN113626063A (zh) | 一种访问静态Demo的方法、装置、设备及可读介质 | |
| GB2519113A (en) | Generation of combined documents from content and layout documents based on semantically neutral elements | |
| JP4718205B2 (ja) | 選択的Ｗｅｂ情報収集装置 | |
| US20070259676A1 (en) | Method and system for bridging communications between mobile devices and application modules | |
| US9606775B2 (en) | Developing rich internet application |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |