Angular 6 App和Server项目结构

Question

创建Angular 6应用程序时的正确项目结构是什么，以及共享类型定义的API服务器是什么？

示例：

在客户端：

this.httpService.get<Hero[]>(apiUrl + '/heroes')

在服务器上：

app.get('/heroes', async (req, res) => {
  const heroes: Hero[] = await db.Heroes.findAll<Hero>()
  res.status(200).send(heroes)
}

我需要在项目之间共享Hero定义。

• 我是否在角度应用程序的子目录中构建我的服务器？
• 我首先构建我的服务器应用程序，然后从Angular应用程序以某种方式引用其源代码吗？
• 我是否构建了第三个模型项目，在那里写下所有定义，并以某种方式引用它们？

Answer 1

您需要具有以下结构，

其中web是前端，服务将成为您的节点/去服务。

<强> FFwriter = animation.FFMpegWriter(fps=30, bitrate=2000)

不，你可以将两者分开。

<强> Do I build my server in a sub-directory of the angular app?

是的，这样更好，所以当你开始使用角度应用程序时，你不必担心模型。

<强> Do I build my server app first, then reference its source code somehow from the Angular app?

没必要。您可以在节点项目中使用模型。

<强> Do I build a third Models project, write all the definitions there, and somehow reference them? 我强烈建议不要这样做，因为有时候你并没有约束前端的所有属性。为您的前端型号提供单独的界面。