[发明专利]一种基于React和Nodejs的服务端渲染方法

摘要

本发明公开了一种基于React和Nodejs的服务端渲染方法，涉及网站开发技术领域。该方法，在使用React开发前端页面的基础上，为了避免使用React这种客户端渲染方法，无法进行搜索引擎抓取和搜索引擎优化的问题，在已有的React应用的基础上，利用nodejs实现一个渲染服务器，通过引入数据拉取和静态路由两个子模块实现在服务器端渲染出原本只能在浏览器上才能渲染出的React应用，从而可以在服务端直接输出完整页面的html，而不需要通过js在浏览器再次渲染一遍，方便了React应用的搜索引擎抓取和搜索引擎优化。

主权项

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渲染出页面。