[发明专利]一种前端Node.js自动化正静态方法在审
申请号: | 201711025357.5 | 申请日: | 2017-10-27 |
公开(公告)号: | CN107766532A | 公开(公告)日: | 2018-03-06 |
发明(设计)人: | 张翔 | 申请(专利权)人: | 深圳市行云易通科技有限公司 |
主分类号: | G06F17/30 | 分类号: | G06F17/30;G06F9/445 |
代理公司: | 深圳新创友知识产权代理有限公司44223 | 代理人: | 江耀纯 |
地址: | 518000 广东省深圳市龙华新*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 前端 node js 自动化 静态 方法 | ||
1.一种Node.js前端正静态化方法,其特征在于,包括如下步骤:
T1:根据url地址通过配置Nginx代理本地文件,或通过url地址向远程服务器发送请求下载静态资源文件;
T2:将获得的所述静态资源文件经过chrome v8内核渲染,得到完整的dom结构并暂存在内存中;
T3:取出所述dom结构中body部分的代码在本地进行静态化渲染,得到静态html内容并将所述静态html内容写为缓存文件。
2.如权利要求1所述的Node.js前端正静态化方法,其特征在于,所述步骤T2包括如下步骤:
T21:所述chrome v8内核执行所述静态资源文件中的html代码,所述html代码会继续下载当前网址的js代码和img资源;
T22:所述chrome v8内核执行所述js代码,并去服务器上请求后端接口数据,将json格式的数据字段解析到对应的html标签容器中,将后台的数据渲染到了html中;
T23:所述js代码继续执行css代码,将存在js代码中的css代码解析到style标签中,并插入到此时暂存在内存中的dom结构的head标签里;
T24:所有静态资源文件被执行完之后,所述chrome v8内核模拟浏览器引擎将渲染完成的完整的dom结构输出。
3.如权利要求1所述的Node.js前端正静态化方法,其特征在于,所述步骤T3包括如下步骤:
T31:对所述dom结构内容进行解析,取出所述dom结构中所述body部分的代码片段;
T32:根据预设模板编译得到一个header内容,所述header内容包括SEO信息的相关的title、meta标签以及当前网址的框架js引用路径;
T33:将所述header内容和body代码拼接,加上页面资源js引用路径并随机生成一条32位hash字符串,拼接在资源js引用路径的后面,即完成了静态html内容的渲染过程;并将所述html内容写为缓存文件。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于深圳市行云易通科技有限公司,未经深圳市行云易通科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201711025357.5/1.html,转载请声明来源钻瓜专利网。