角角与通用之间的边界dicision(The dicision boundary between A

2019-09-29 02:57发布

我有工作Angular 6.1.0 。 我通过尝试在服务器端渲染演示问题官方文档在这里 。

他们说,这是角普遍的意义:

一个正常的角度应用程序执行在浏览器中渲染的DOM页面以响应用户的操作。 角通用通过这个过程被称为服务器端渲染(SSR)生成服务器上的静态应用程序页面。 您可以使用角CLI容易准备的服务器端渲染的应用程序。

现在我有有一堆屏幕,并与用户交互一些有点儿UI流的角度的应用程序。 更多的是PWA (Progressive Web App)不是一个网站。

该应用程序包含用户登录功能是完全静态的,是登陆视图。 该应用程序包含动态视图以及像图表和需要调用的API来获取数据的意见看法。

我现在面临的问题是,即使经过gzip--prod和从一堆的网站几乎所有的事情,它需要时间来加载第一个视图(注册)大约是30-60秒。

我的问题是:

  1. 它是建议使用SSR,使渲染的应用程序快速加载网页服务器的静态用户登录?
  2. 如果是的,我需要我的口全角应用角度具有普遍性吗? 如果是,是否有任何联系,我可以遵循?

Answer 1:

服务器端渲染往往是加速上市时间初步呈现很有帮助。 一般来说,你应该不会有太大变化,以SSR添加到应用程序的角度,但浏览器的API的任何直接访问/ DOM将需要重构由角提供的抽象。 例如,您可能需要使用Renderer2对象(例如: https://alligator.io/angular/using-renderer2/ )

添加SSR的过程,在你的官方文档中提供的链接是记录还算不错,并且有各种围绕它的博客文章太 - 只是提防的过时信息。

有一点要记住的是,除非你使用基于Cookie的身份验证,您将无法预渲染需要用户先登录页面(你会不会在服务器端的会话信息)

你可以看看以提高应用程序的启动时间的另一个选择是功能/线路的延迟加载。 你可以对这个位置的详细信息: https://angular.io/guide/lazy-loading-ngmodules



文章来源: The dicision boundary between Angular & Angular Universal