动态页面渲染方法及渲染系统技术方案

本发明专利技术提供了一种动态页面渲染方法及渲染系统，所述方法包括:自源网站分别获取静态资源、html初始页面和动态数据；根据所述html初始页面加载所述静态资源并进行匹配拼接；加载拼接静态资源的html初始页面并拦截其携带的请求指令；以所述请求指令匹配其所对应的动态数据，并将请求指令的请求结果替换为所述请求指令匹配的动态数据；以加载静态资源的html初始页面和所述请求指令匹配的动态数据进行渲染形成渲染页面，所述渲染页面为代码指令。本发明专利技术的动态页面渲染方法及渲染系统，通过分开获取源网站中的静态资源、html初始页面和动态数据，可以按需对源网站进行整合形成代码指令构成的渲染页面；降低设备的性能损耗，方便后续调用。

【技术实现步骤摘要】
动态页面渲染方法及渲染系统
本专利技术涉及互联网
，尤其涉及一种动态页面渲染方法及渲染系统。
技术介绍
目前获取动态页面的主流的方式，主要使用各种无头浏览器；例如：puppeteer,selenium等，或者直接使用浏览器进行渲染，这种渲染方式的直接输出结果为用户可见的动态页面，例如：带有各种显示文字、图片的页面。该种主流获取动态页面的方式，其具体的实现方式为通过浏览器自动抓取数据，并直接输出用户可见的动态页面；其目的是为用户服务，获取过程中对内存的消耗及性能的损耗以及环境要求都很严格；同时，在后续应用中，对于服务商而言，其使用起来比较复杂，具体表现在，该可见的动态页面所对应的代码指令不能直接应用，若需要解析动态页面的文字、对其进行截图等操作时，只能在可见的动态页面上进行JavaScript的逻辑复写，使用起来较为复杂。
技术实现思路
本专利技术的目的在于提供一种动态页面渲染方法及渲染系统。为了实现上述专利技术目的之一，本专利技术一实施方式提供一种动态页面渲染方法，所述方法包括:自源网站分别获取静态资源本文档来自技高网...

【技术保护点】
1.一种动态页面渲染方法，其特征在于，所述方法包括:/n自源网站分别获取静态资源、html初始页面和动态数据，所述html初始页面和动态数据均具有唯一匹配标识；/n根据所述html初始页面加载所述静态资源并进行匹配拼接；/n加载拼接静态资源的html初始页面并拦截其携带的请求指令；/n以所述请求指令匹配其所对应的动态数据，并将请求指令的请求结果替换为所述请求指令匹配的动态数据；/n以加载静态资源的html初始页面和所述请求指令匹配的动态数据进行渲染形成渲染页面，所述渲染页面为代码指令。/n

【技术特征摘要】
1.一种动态页面渲染方法，其特征在于，所述方法包括:
自源网站分别获取静态资源、html初始页面和动态数据，所述html初始页面和动态数据均具有唯一匹配标识；
根据所述html初始页面加载所述静态资源并进行匹配拼接；
加载拼接静态资源的html初始页面并拦截其携带的请求指令；
以所述请求指令匹配其所对应的动态数据，并将请求指令的请求结果替换为所述请求指令匹配的动态数据；
以加载静态资源的html初始页面和所述请求指令匹配的动态数据进行渲染形成渲染页面，所述渲染页面为代码指令。


2.根据权利要求1所述的动态页面渲染方法，其特征在于，自源网站分别获取静态资源后，所述方法还包括：将获得的静态资源存入静态资源服务器；
“根据所述html初始页面加载所述静态资源并进行匹配拼接”包括：
以所述html初始页面查找所述静态资源服务器以匹配所述静态资源并进行匹配拼接。


3.根据权利要求2所述的动态页面渲染方法，其特征在于，所述方法还包括：
在将获得的静态资源存入静态资源服务器时，同步或异步地将所述静态资源存入缓存服务器；
“根据所述html初始页面加载所述静态资源并进行匹配拼接”包括：
以所述html初始页面查找所述静态资源服务器或缓存服务器以匹配所述静态资源并进行匹配拼接。


4.根据权利要求3所述的动态页面渲染方法，其特征在于，“根据所述html初始页面加载所述静态资源并进行匹配拼接”包括：
获取html初始页面携带的唯一匹配标识，所述唯一匹配标识为源网站标识；
以所述原网站标识为关键字查找所述静态资源服务器或缓存服务器获取对应的所述静态资源；
将源网站标识对应的html初始页面与匹配的所述静态资源进行代码拼接。


5.根据权利要求1所述的动态页面渲染方法，其特征在于，所述方法还包括：
采用saveallresources插件获取静态资源；
采用爬虫软件获取html初始页面和动态数据；
基于Nodejs中的jsdom技术对加载静态资源的html初始页面和所述请求指令匹配的动态数据进行渲染。


6.一种动态页面渲染系统...

【专利技术属性】
技术研发人员：叶秀清，童刚，陆紫华，文安哲，王杰，
申请(专利权)人：企查查科技有限公司，
类型：发明
国别省市：江苏;32