服务端渲染(ssr)初了解

之前接触的比较多的是SPA单页面应用,前端路由渲染,对于node服务端渲染刚开始了解到,服务端渲染的话相对于SPA来说有助于SEO优化,首屏加载更快。

和之前的SPA项目不同,之前公司spa的发布部署有两种方式,一种是前端项目打包之后发给后端,后端集成到项目里一起发布,

另一种是前端项目打包之后单独部署,和后端接口分开部署。

ssr是这样的:包括前端和后端,后端只提供接口,前端需要写client客户端和server服务端代码,client也就是最后打包出来的js css代码,

server端是用模板引擎渲染出页面,引用client的js,css。客户端的静态资源部署到cdn, 服务端用eggjs(基于koa)框架,利用nunjucks进行模板渲染。

相当于服务端的工作就是把已有的页面用模板渲染的方式来渲染出来。

如果是已有的spa项目想要用ssr来渲染的话,可对已有项目进行打包拆分,然后用egg来进行渲染。

node中间层。大致目录结构:

eggjs官网文档 ,可以利用脚手架快速初始化。

需要注意的是public文件夹下通常是放静态资源,实际项目中是没有用到这个,是吧js和css静态资源放到cdn,然后在模板文件中直接去根据地址名称来引用的。

写了个简单的demo。。 egg-demo:https://github.com/leitingting08/egg-demo 

posted @ 2019-03-22 16:05  c-137Summer  阅读(334)  评论(0编辑  收藏  举报