什么是同构应用？

Question

我一直在阅读多篇关于什么是同构应用程序、为什么这种类型的架构更好等等不同的文章。 但我对这个术语的含义仍有一些不确定性。

您如何定义什么是“同构应用程序”，而又不涉及太多细节？

Answer 1

最近，它们也被称为universal 。 我不确定整个应用程序是否被称为同构/通用，但您当然可以拥有通用的代码库部分。

同构/通用代码是在客户端（浏览器）和服务器（NodeJS）上运行的代码。 由于它们都是 JavaScript，因此在以下情况下是可能的：

1. 您没有提到window 、 document或任何其他仅浏览器的方法
2. 您没有提到server 、 fs或任何或任何其他仅限节点的方法。
3. 如果您确实需要在一些通用代码中执行上述操作，则应将其包装在一个函数中，该函数在备用环境中模拟所需的方法或将其包装在条件中，以便应用程序不会崩溃。

一个例子是console.log ，它可以在 NodeJS 和任何浏览器中工作，以及在现代浏览器中的大多数其他 es6 方法。

我使用构建工具（如 webpack）来帮助在单个文件中创建/导出函数，这样我们就有了一个像client-app.js这样的bundle ，它包含在 HTML 文件中，并且是浏览器唯一的 js。 然后服务器可能会开始使用server-app.js ，它是仅限服务器的包。 可以使用许多相同的universal源代码创建这两个包。