使用 React 对旧应用程序把手应用程序进行现代化改造

modernizing old app handlebars app with react

我有一个用 Node、Mongo、Express 和 Handlebars 编写的旧应用程序。它似乎有点过时,因为它更静态,所有数据都在同一域本地调用并在服务器端使用 Handlebars 呈现,我认为这对于 SEO 始终是必需的,而且它不是用稍后构建并将数据连接到移动版本的想法。

我最近一直在使用 React,并研究构建移动应用程序和那里的教程,似乎现在大多数应用程序的设计方式都是后端主要是远程 api 启用了跨站点源请求和一个只从中获取数据并在前端解析它的前端,无论它是桌面客户端还是移动客户端。

什么是使我的旧应用程序现代化的最佳方法,它可以使用 react 而不是用于 SEO 的 handlebars 使其在服务器端呈现,同时如果我要开发,还具有 api 服务可以获取和解析数据的移动版本?

有很多服务器端渲染 React 教程,但我不确定最好的方法是什么。

要将您当前的应用程序变成 SSR(服务器端呈现)React 应用程序将是一个很大的问题。

你会更幸运地撕掉 html / handle bars 响应并只返回 JSON,有效地将它变成 API.

就添加 SSR 反应层而言,最简单的选择是使用 Next.JS 之类的东西。这为您创建服务器端渲染做了繁重的工作。还有很多其他选项,但 Next 是最好的选项之一,而且可能是最容易上手的选项。

然后您将 API 从您的 SSR Next / React 应用程序调用到节点 API。

如果您选择在稍后阶段沿着这条路走下去,您可以将相同的 API 重复用于移动应用程序。

然后您可以从 SSR Next / React 应用程序 API 调用节点 API。

如果您选择在稍后阶段沿着这条路走下去,您可以将相同的 API 重复用于移动应用程序。