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

说明书

本申请公开了一种基于Reactjs的SPA应用程序实现方法以及装置。该方法包括根据搜索请求接收服务器输出的页面HTML文档，其中所述HTML文档中具有已被搜索引擎收录的内容；当搜索引擎的搜索爬虫在爬取页面中的链接时，通过链接爬取与链接关联的页面内容。本申请解决了搜索引擎无法支持搜索传统模式开发的SPA应用程序的术问题。通过本申请实现了SPA应用程序对SEO友好。

技术领域

本申请涉及WEB前端开发领域，具体而言，涉及一种基于Reactjs的SPA 应用程序实现方法以及装置。

背景技术

SPA应用程序，是指单页Web应用(英文全称single page web application， 简称：SPA)，就是只有一张Web页面的应用，是加载单个HTML页面并在用 户与应用程序交互时动态更新该页面的Web应用程序。

发明人发现，搜索引擎无法支持搜索传统模式开发的SPA应用程序。

针对相关技术中搜索引擎无法支持搜索传统模式开发的SPA应用程序的 问题，目前尚未提出有效的解决方案。

发明内容

本申请的主要目的在于提供一种基于Reactjs的SPA应用程序实现方 法以及装置，以解决搜索引擎无法支持搜索传统模式开发的SPA应用程序问 题。

为了实现上述目的，根据本申请的一个方面，提供了一种基于Reactjs 的SPA应用程序实现方法，用于在搜索引擎搜索出SPA应用程序的内容。

根据本申请的基于Reactjs的SPA应用程序实现方法包括：根据搜索请 求接收服务器输出的页面HTML文档，其中所述HTML文档中具有已被搜索 引擎收录的内容；当搜索引擎的搜索爬虫在爬取页面中的链接时，通过链接爬 取与链接关联的页面内容。

进一步地，根据搜索请求接收服务器输出的页面HTML文档时，包括： 增加针对Nodejs环境的webpack配置；其中，所述webpack配置是指webpack.server.config.js。

进一步地，根据搜索请求接收服务器输出的页面HTML文档时，还包括： 在Nodejs服务器根据浏览器的URL请求中的路径，并将对应的页面渲染成 HTML，填充到HTML文档的中；将携带有关键内容同时对应URL请求路径 的HTML文档输出给客户端。

进一步地，当搜索引擎的搜索爬虫在爬取页面中的链接时，通过链接爬取 与链接关联的页面内容时，包括：当用户在客户端点击时服务器通过URL链 接爬取与链接关联的页面内容，并通过本地历史记录进行路由。

进一步地，当搜索引擎的搜索爬虫在爬取页面中的链接时，通过链接爬取 与链接关联的页面内容时，包括：搜索引擎的搜索爬虫在爬取页面中的链接时， 请求标签点击事件中的路径，并通过服务器进行资源请求；接收在客户端内点 击标签的请求，通过拦截标签点击事件的默认执行路径，并通过本地历史记录 进行路由。

为了实现上述目的，根据本申请的另一方面，提供了一种基于Reactjs 的SPA应用程序实现装置，用于在搜索引擎搜索出SPA应用程序的内容。

根据本申请的基于Reactjs的SPA应用程序实现装置包括：输出模块， 用于根据搜索请求接收服务器输出的页面HTML文档，其中所述HTML文档 中具有已被搜索引擎收录的内容；爬取模块，用于当搜索引擎的搜索爬虫在爬 取页面中的链接时，通过链接爬取与链接关联的页面内容。

进一步地，所述输出模块，用于

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

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

进一步地，装置还包括：配置模块，用于