React 应用程序的 SEO 是否需要预渲染或服务器端渲染？

Question

我是一名 Java 开发人员，正在提升自己的技能并学习 React，以便我可以完全使用 React 开发前端应用程序。但是我阅读了几篇文章，其中指出它可能导致与 SEO 相关的问题，但有些文章指出这个问题是历史性的，现在 Google 爬虫足够聪明，可以读取单页应用程序。

是否建议完全使用 React 开发应用程序而不使用其他任何东西？还是我需要实现预渲染或服务器端渲染？

之前我参与过使用 php+vue 开发应用程序的项目，但我不想在我的新应用程序中使用任何其他语言，除了 React。那么有可能吗？

注意：我正计划开发电子商务应用程序，因此 SEO 部分对我来说至关重要。

Answer 1

仅当您的应用程序只有静态页面时才能使用预渲染。当您想在应用程序中渲染可变数据（来自数据库）时，您会被绑定到服务器端渲染，这需要服务器上的 NodeJS（这似乎是通过这个 GraalVM 提供的......）。

因此，如果您处于服务器上可以使用 NodeJS 的位置，我肯定会设置服务器端渲染。在 SSR 期间，您可能需要将数据从 Spring Boot 传递到 React。我不知道 Spring Boot 和 React 实际上是如何处理这个问题的。我只有 ASP.NET Core + Angular 的经验。

• This is where the application fetches data from the database, and passes it on to angular
• This is where the SSR middleware invokes this hook, and the RenderToString method passes this variable data on to NodeJS
• Then the suppliedData is being passed on 到 renderToString method
• 一直向下，这会使用您从 ASP.NET Core 提供的数据从 main.server.ts 调用 default export。

我很肯定 Spring Boot 和 React 也会有类似的东西，但我无法为您提供帮助。

更新

你（实际上是网络浏览器）无论如何、无论如何、任何时候都在使用客户端渲染。

出于 SEO 目的，您可以启用 1. 服务器端渲染 或 2. 预渲染。

服务器端渲染实际上在 NodeJS 中运行您的 javascript 前端，并将结果返回到为它提供服务的后端堆栈（ASP.NET Core / 在您的情况下为 SpringBoot）。为此，您需要在服务器上安装 NodeJS。但是，您可以在 SSR 期间将可变数据（来自数据库）传递到 SPA。

对于预渲染，您需要在您的开发机器上运行npm 命令，该命令会为您的所有页面生成 HTML。这会生成纯 HTML、CSS 和 javascript 文件，您需要将它们上传到非常基本的文件服务器上。因此，您将无法在页面上显示数据库中的信息。