[发明专利]基于Reactjs的SPA应用程序实现方法以及装置

权利要求书

1.一种基于Reactjs的SPA应用程序实现方法，其特征在于，用于在搜索引擎搜索出SPA应用程序的内容，所述方法包括：

根据搜索请求接收服务器输出的页面HTML文档，其中所述HTML文档中具有已被搜索引擎收录的内容；

当搜索引擎的搜索爬虫在爬取页面中的链接时，通过链接爬取与链接关联的页面内容；

根据搜索请求接收服务器输出的页面HTML文档时，包括：

增加针对Nodejs环境的webpack配置；

其中，所述webpack配置是指webpack.server.config.js；

webpack服务端配置包括：设置target为node目标；

每次执行webpack构建时会生成两个js入口文件，包括客户端和服务器端；

根据搜索请求接收服务器输出的页面HTML文档时，还包括：

在Nodejs服务器根据浏览器的URL请求中的路径，并将对应的页面渲染成HTML，填充到HTML文档的中；

将携带有关键内容同时对应URL请求路径的HTML文档输出给客户端；

还包括：将带有关键内容同时对应URL请求路径的HTML文档输出给客户端，客户端接受到HTML之后，利用ReactDOM.hydrate方法将服务端渲染的HTML激活为react托管的虚拟DOM。

2.根据权利要求1所述的基于Reactjs的SPA应用程序实现方法，其特征在于，当搜索引擎的搜索爬虫在爬取页面中的链接时，通过链接爬取与链接关联的页面内容时，包括：

当用户在客户端点击时服务器通过URL链接爬取与链接关联的页面内容，并通过本地历史记录进行路由。

3.根据权利要求1所述的基于Reactjs的SPA应用程序实现方法，其特征在于，当搜索引擎的搜索爬虫在爬取页面中的链接时，通过链接爬取与链接关联的页面内容时，包括：

搜索引擎的搜索爬虫在爬取页面中的链接时，请求标签点击事件中的路径，并通过服务器进行资源请求；

接收在客户端内点击标签的请求，通过拦截标签点击事件的默认执行路径，并通过本地历史记录进行路由。

4.一种基于Reactjs的SPA应用程序实现装置，其特征在于，用于在搜索引擎搜索出SPA应用程序的内容，所述装置包括：

输出模块，用于根据搜索请求接收服务器输出的页面HTML文档，其中所述HTML文档中具有已被搜索引擎收录的内容；

爬取模块，用于当搜索引擎的搜索爬虫在爬取页面中的链接时，通过链接爬取与链接关联的页面内容；

所述输出模块，用于

增加针对Nodejs环境的webpack配置；

其中，所述webpack配置是指webpack.server.config.js；

webpack服务端配置包括：设置target为node目标；

每次执行webpack构建时会生成两个js入口文件，包括客户端和服务器端还包括：配置模块，用于

在Nodejs服务器根据浏览器的URL请求中的路径，并将对应的页面渲染成HTML，填充到HTML文档的中；

将携带有关键内容同时对应URL请求路径的HTML文档输出给客户端；

还包括：将带有关键内容同时对应URL请求路径的HTML文档输出给客户端，客户端接受到HTML之后，利用ReactDOM.hydrate方法将服务端渲染的HTML激活为react托管的虚拟DOM。

5.根据权利要求4所述的基于Reactjs的SPA应用程序实现装置，其特征在于，所述爬取模块，用于

当用户在客户端点击时服务器通过URL链接爬取与链接关联的页面内容，并通过本地历史记录进行路由。

6.根据权利要求4所述的基于Reactjs的SPA应用程序实现装置，其特征在于，所述爬取模块，用于

搜索引擎的搜索爬虫在爬取页面中的链接时，请求标签点击事件中的路径，并通过服务器进行资源请求；

接收在客户端内点击标签的请求，通过拦截标签点击事件的默认执行路径，并通过本地历史记录进行路由。