[发明专利]一种基于React和Nodejs的服务端渲染方法有效
申请号: | 201811031228.1 | 申请日: | 2018-09-05 |
公开(公告)号: | CN109324788B | 公开(公告)日: | 2020-11-06 |
发明(设计)人: | 岳梦龙 | 申请(专利权)人: | 湖南华诺科技有限公司 |
主分类号: | G06F8/20 | 分类号: | G06F8/20;G06F8/71 |
代理公司: | 北京市盛峰律师事务所 11337 | 代理人: | 梁艳 |
地址: | 410005 湖南省长沙市长沙*** | 国省代码: | 湖南;43 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 基于 react nodejs 服务端 渲染 方法 | ||
1.一种基于React和Nodejs的服务端渲染方法,其特征在于,包括如下步骤:
S1,编译期,将原有的前端渲染的React项目加入数据拉取子模块和静态路由子模块后编译打包为一个整体,成为React服务端应用js文件,并将该文件部署在Nodejs编写的渲染服务器上,渲染服务器启动时加载js文件;其中,所述静态路由子模块为React应用中的StaticRouter组件;
S2,浏览器请求渲染服务器;
S3,渲染服务器调用React应用;
S4,React应用中的数据拉取子模块负责产生数据拉取请求;
S5,渲染服务器将数据拉取请求发给后台服务器;
S6,后台服务器返回所请求的数据;
S7,渲染服务器拿到数据,传入React应用;
S8,React应用中的静态路由子模块渲染出html页面;
S9,渲染服务器将html返回给浏览器;
S10,浏览器根据html渲染出页面;
S3具体为:渲染服务器启动时会加载编译好的React应用,当请求到达时,渲染服务器将请求通过函数调用并传入参数的方式传递给React应用;
S4具体为:React应用中数据拉取子模块通过分析渲染服务器传入的请求,判断需要展示的页面,并计算这些页面内容需要的数据,将需要的数据组织成一个数据拉取请求返回给渲染服务器;
S8具体为:React应用收到渲染服务器传进来的数据后,将数据交给静态路由子模块,静态路由子模块将数据与无数据的页面模板进行绑定,得到带有数据内容的页面,并将页面渲染成html字符串。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于湖南华诺科技有限公司,未经湖南华诺科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201811031228.1/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种业务软件开发方法、装置及终端设备
- 下一篇:一种软件开发方法