为什么现在又流行服务器端渲染html

最开始的页面都是服务端渲染，渲染模板属于后端要做的工作，也就是 mvc 中的 v，各种模板库飞起。
后来出来了一个 ajax 方案，体验效果很好，并且很好的解藕了前后端工作，切图崽（前端岗位的昵称）不需要学习后端模板语法，crud崽（后端昵称）不需要学习 html 语法。并且一套 restful 搞定 web Android iOS 三端。不过呢，切图崽需要用 js *** 作不少 dom 结构。
切图崽不满足于写出那么多接口数据到 dom 结构的不好维护的垃圾代码，于是做了：
1 搞出来前端的 orm，一个后端实体对应前端一个 model，再配五个接口（添加，删除，修改，获取列表，获取单个实体），接口的请求 *** 作统一为 model 实例的方法，再也不用写各种接口请求了。 形成了前端代码中的数据中心。
2 为了 避免 dom *** 作代码繁杂看不懂，于是把数据和 dom 节点绑在一起，dom *** 作变成了配置，清爽不少。形成了前端的数据控制层。
现在我们的前端页面可以直接无刷新增删改查了
当然不够的，我们在切换页面的时候还是会刷新，不行，我们要 spa （单页应用），整个前端我们只需要一个入口，于是前端的路由出来了。
切图崽当然还是不满意的，既然桌面 gui 软件有那么清晰一套 mvc 开发方式，前端作为 gui 开发怎么能没有，再加上之前的工作积累。数据流，数据绑定，ui 组件。方向数据流，数据双向绑定，ui 组件库 满天飞，形成了现在 react angular vue 局势。
至此，似乎已经挺完美了，但是谁知道在这期间 nodejs 出来了，它是什么，就是 JavaScript 的语法啊，我们切图崽天然就掌握一门后端语言语法了
于是我们开始回顾历史，当年我们采用了无刷新提高体验的同时，虽然也去掉了无后端的工作耦合，但是，也放弃了服务端渲染的 seo 啊，如今，我们在不要求后端的情况下，在中间加一个 node 层，就可以解决 seo 问题，也享受 spa 的体验优势…

什么是云渲染？和自己搭建渲染农场有什么区别？ 小编来解答啦！

一、云渲染是什么？云渲染什么意思？

首先云渲染是一种依托于云计算的云端服务，用户将本地文件提交到云端服务器，云端计算机集群完成渲染，再将渲染完成的任务返回用户本地的过程。

而现如今观众朋友们对于视效的要求已经越来越高 ，虽说计算机的计算能力已经越来越强，但是渲染的时间却依然没有减少，此时渲染农场（Render Farm）——就成为了长时间的渲染解决方案。

渲染农场的学名叫 “分布式并行集群计算系统”，是指用现有的CPU、以太网和 *** 作系统构建的超级计算机。通俗来说就是把很多计算机用一定的方式调度一起，同时对同一个项目进行渲染处理，节省渲染时间。

二、云渲染和传统渲染农场有什么区别？

就这一点来说传统的渲染农场和云渲染其实是没有区别，都是为了能够更短时间的得到渲染的图像，其基础都是计算机的算力，而这一点和网吧其实是相同的，因为农场和网吧，都是把机器出租给客户来收钱，只不过农场的附加值在一定程度上要比网吧高。

1、便捷性

传统渲染农场和云渲染最大的区别是在便捷性上，这里说的都是商业的渲染农场，传统渲染农场多是在本地或者同一个城市为主，资产的传递，更多是人肉来回传递，资产传过去，序列传回来。

云渲染更多地体现的是各种自动化，你只要有云渲染提供商的一个客户端，这个客户端可解析场景中的资产并把渲染上传到云端，渲染完成后，这个客户端再自动的下载序列到本地。

还有个别的云渲染提供的技术有优化可以把他的云渲染客户端内嵌到制作公司的流程中，一键自动化提交任务，下载序列并传递给下一个流程的制作人员。

2、性价比

传统公司自己搭建的渲染农场和云渲染平台最大的区别就是性价比，因为公司自己搭建的渲染农场，除了机房，机器，存储， 网络之类的硬件成本，还有管理运维的成本在其中。

如果公司的项目不能一直持续的使用渲染农场，随着一波波的更新迭代，机器的折旧成本真的是相当高了，而云渲染就好比电费，需要用电的时候，充电费，不需要用的时候，自然不会产生费用。云渲染在一定程度上持续的使用把成本在其中摊平了。

而且对于很多优秀的初创小团队来说，并不是每一个都有充足的资金去搭建自己的渲染农场，那么，云渲染平台在无形之中就很大程度降低了影视制作的门槛，像Renderbus瑞云渲染让很多大团队、小团队都能参与到大制作之中，呈现出了更多优秀的影视动画作品。

CPU渲染与GPU渲染

三、总结：

结尾再说一点，GPU渲染的兴起使得显卡的硬件成本也越来越高，设备折旧速度越来越快，想自己搭建一个成规模的GPU渲染农场显然是一件不合算的事，而把这些成本放到云渲染平台中是一件更合算的事，也希望这份回答能够帮到题主和有疑惑的小伙伴！

缺点：1、SEO问题
2、首屏速度问题
3、消耗性能的问题

优点：
1、更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面
2、首屏渲染速度快

SSR 简单来说就是将页面在服务端渲染完成后在客户端直接展示。

indextemplatehtml

serverjs

vue项目是通过虚拟 DOM来挂载到html的，所以对spa项目，爬虫才会只看到初始结构。虚拟 DOM，最终要通过一定的方法将其转换为真实 DOM。虚拟 DOM 也就是 JS 对象，整个服务端的渲染流程就是通过虚拟 DOM 的编译成完整的html来完成的。
需要通过Webpack打包生成两份bundle文件：
Client Bundle，给浏览器用。和纯Vue前端项目Bundle类似
Server Bundle，供服务端SSR使用，一个json文件

不管项目先前是什么样子，是否是使用vue-cli生成的。都会有这个构建改造过程。在构建改造这里会用到 vue-server-renderer 库，这里要注意的是 vue-server-renderer 版本要与Vue版本一样。

打包之后目录结构

vueconfigjs

indextemplatehtml

打包成客户端和服务器端

启动node服务

github地址： >

我最开始接触是在Vue的官网上，开始是作为一个小节出现，现在已经是个专门的大章节来专门讲Vue服务端渲染的内容。

服务端渲染 简单来说就是在服务器上把数据和模板拼接好以后发送给客户端显示。

回顾下前端的 历史 ，最开始的站点是简单的静态网站。后端大哥把html文件推送给用户，用户浏览器解析这些字符串进行显示。那个时候就是 服务端渲染 。可是后来由于网站内容越来越复杂、特效越来越炫酷，这种‘兼职’状态已经不能满足需求，细分之下的前端出现了。

随后为了方便的开发，开始提倡 前后端分离，大家各做各的，彼此之间通过基于>