node.js - 讨论一下前端开发模式

Question

目前有两种方案：

1.node作为前端服务渲染页面，页面写的是后端模板。用node跟服务器php进行交互。
2.node+react，node作为服务端只提供服务，页面由客户端渲染，交互逻辑也是写在react组件中，根据react的0DOM操作会提高页面的渲染速度。
请大家各抒己见，来探讨一下这两种开发模式哪种比较好，请说出原因。

Answer 1

两种方式各有适应场景，下面就简单说下各自的优缺点、适用场景。

方式一

node作为前端服务渲染页面，页面写的是后端模板。用node跟服务器php进行交互。

优点：

1. 对页面SEO友好：页面在服务端渲染好，对SEO比较有利。

2. 首屏呈现较快：node、php交互，假设部署在同一台机器，属于本地通信，速度快，相应的 获取数据-> 渲染页面 -> 返回页面的时间相对方案二要快。

缺点：

1. 两次实现：同样的渲染逻辑，可能需要在服务端、浏览器端分别实现一次。

2. 服务质量可靠性更高：服务端逻辑相对重了，质量可靠性保障要求就上去了。

适用场景：比如新闻门户、博客等。

方式二

node+react，node作为服务端只提供服务，页面由客户端渲染，交互逻辑也是写在react组件中，根据react的0DOM操作会提高页面的渲染速度。

优点：

1. 前后端解耦：服务端负责提供数据，客户端负责视图渲染，可维护性更强。

2. 无须两次实现：上面已提及，不赘述。至于react本身带来的好处这里不展开。

缺点：

1. 对SEO不友好：这种方案，返回前端的页面大部分时候只是个骨架，内容尚未填充，因此，SEO效果不会很好。

2. 首屏呈现速度较慢：react是个大家伙，此外，加载js（包括react）-> 拉取数据 -> 渲染组件 相比方案一，速度一般会较慢，因为网络来回比较多。

适用场景：重业务操作、交互较多的站点。比如管理后台、富客户端应用。