使用React和Express的Web应用程序

Question

我是一名新的Nodejs开发人员，我想了解一些关于使用react和express创建Web应用程序的事情。

我想做以下事情：

- ＆GT;我的Web应用程序将有大约5个静态页面，其中包括主页，关于我们页面等。从我的阅读中，我了解这些静态页面需要在服务器端进行SEO优化。

- ＆GT;我还创建了一个用户仪表板，一旦用户登录，它将完全作出反应，作为单页面应用程序。

- ＆GT;第三，我还想让一部分网络应用根据网址呈现不同的内容。例如：mywebsite / test1应呈现有关test1的内容，而mywebsite / test2应呈现有关test2的内容。我知道这可以通过反应来完成，但因为我也希望这些网址是SEO，所以内容必须在服务器端呈现。

我该如何设置这样的应用程序？我最初的想法如下：

有一个快速应用程序，其中我为5个静态页面定义了路由。我可以直接为这5页翻译html。

对于仪表板，我可以有一条快速路线转发请求以对路由器作出反应/反应并将其从那里拿走。

类似于第三部分，我使用快速路线指向反应组件。

这是正确的方法吗？

谢谢！如果我遗漏了某些东西，或者我在某些方面的概念错误，请告诉我。

Answer 1

我所理解的是，您正在做某种同构应用。

1. 静态页面可以在构建时预先呈现（index.html，about.html等）
2. 从子文件夹（即/assets）
提供静态文件

3. 当请求的网址带有/dashboard前缀时，请为您的信息中心提供快递服务：

   http://example/dashboard/some/view =＆gt; /dashboard.html

4. 在您的信息中心中，您可能会使用React Router。 然后，您的路由器将URL分发到所需的组件：

   import { Route } from 'react-router'; import SomeView from 'app/components/some/SomeView.jsx'; <Route path='/dashboard/some/view' render={SomeView} />

您会在GitHub或与同构应用相关的文章here或here上找到很多示例。