前言
标准的 Angular 应用运行在浏览器中,在 DOM 中渲染页面,响应用户的操作。 而Angular Universal 会在服务端运行,生成一些静态的应用页面,通过客户端进行启动。 这意味着该应用的渲染通常会更快。
熟悉后台开发的朋友应该对服务器端渲染比较熟悉,Java、php 这些开发语言,使用它们开发后台管理系统,都有对应的模板引擎,前端发出请求,后台把数据和模板引擎结合起来,然后编译成 html 页面,把编译好的页面返回给浏览器,直接展现出来。
服务器端渲染就是在后台生成相应的静态页面,通过客户端启动。
开始
1.新建项目
ng new server-render
2.进入项目
cd server-render
3.创建服务器端应用模块
ng add @nguniversal/express-engine --clientProject server-render
4.文件结构变化
运行
运行项目,执行一下命令
npm run build:ssr && npm run serve:ssr