网站制作一年多少钱,智慧城市,如何做网站呢,怎么自己做网站的步骤在大前端盛行的今天#xff0c;似乎前后端分离的开发模式才是大势所趋#xff0c;而SPA的概念更是应运而生。现在随便构建一个web应用程序如果你不是使用SPA的话#xff0c;就会感觉有点low#xff0c;但是真的是这样吗#xff1f;今天这篇文章我们就来一起探讨下#xf… 在大前端盛行的今天似乎前后端分离的开发模式才是大势所趋而SPA的概念更是应运而生。现在随便构建一个web应用程序如果你不是使用SPA的话就会感觉有点low但是真的是这样吗今天这篇文章我们就来一起探讨下构建现代web应用时该如何进行选择。目前大伙都知道的是可通过两种通用方法来构建 Web 应用程序在服务器上执行大部分应用程序逻辑的传统 Web 应用程序以及在 Web 浏览器中执行大部分用户界面逻辑的单页应用程序 (SPA)后者主要使用 Web API 与 Web 服务器通信。 也可以将两种方法混合使用最简单的方法是在更大型的传统 Web 应用程序中承载一个或多个丰富 SPA 类子应用程序。但合适使用传统 Web 应用程序何时使用SPA呢针对这个问题最近在看微软《使用 ASP.NET Core 和 Azure 构建新式 Web 应用程序》白皮书的时候。里面如是说何时应使用传统 Web 应用程序应用程序的客户端要求简单甚至要求只读。应用程序需在不支持 JavaScript 的浏览器中工作。团队不熟悉 JavaScript 或 TypeScript 开发技术。何时应使用 SPA应用程序必须公开具有许多功能的丰富的用户界面。团队熟悉 JavaScript 或 TypeScript 开发。应用程序已为其他内部或公共客户端公开 API。此外SPA 框架还需要更强的体系结构和安全专业知识。 相较于传统 Web 应用程序SPA 框架需要进行频繁的更新和使用新框架因此改动更大。 相较于传统 Web 应用SPA 应用程序在配置自动化生成和部署过程以及利用部署选项如容器方面的难度更大。所以如果你要使用 SPA 模型改进用户体验时必须权衡这些注意事项。Razor 组件ASP.NET Core 3.0 引入了一种新模型用于构建称为 Razor 组件的丰富的、交互式和可组合的 UI。 Razor 组件允许开发者在服务器上使用 Razor 构建 UI并使用名为 WebAssembly 的 JavaScript 库将此代码传递到浏览器和执行客户端。 ASP.NET Core 3.0 仍在开发中但你应该会期望在本电子书的 3.0 更新中看到有关此技术的详细信息。 有关 Razor 组件名为 Blazor 的代码的详细信息请参阅 Blazor 入门。何时选择传统 Web 应用以下内容详细介绍前面提到的选择传统 Web 应用程序的原因。应用程序的客户端要求简单可能要求只读对许多 Web 应用程序而言其大部分用户的主要使用方式是只读。 只读或以读取为主应用程序往往比那些维护和操作大量状态的应用程序简单得多。 例如搜索引擎可能由一个带有文本框的入口点和用于显示搜索结果的第二页组成。 匿名用户可以轻松提出请求并且很少需要使用客户端逻辑。 同样一般而言博客或内容管理系统中面向公众的应用程序主要包含的内容与客户端行为关系不大。 此类应用程序容易构建为基于服务器的传统 Web 应用程序在 Web 服务器上执行逻辑并呈现要在浏览器中显示的 HTML。事实上网站的每个独特页面都有自己的 URL搜索引擎可以将其存为书签和编入索引默认设置无需将其添加为应用程序的单独功能这也是此类情况的一个明显优势。应用程序需在不支持 JavaScript 的浏览器中工作如需在有限或不支持 JavaScript 的浏览器中工作的 Web 应用程序则应使用传统的 Web 应用工作流编写或至少可以回退到此类行为。 SPA 需要客户端 JavaScript 才能正常工作如果没有客户端 JavaScriptSPA 不是好的选择。团队不熟悉 JavaScript 或 TypeScript 开发技术如果团队不熟悉 JavaScript 或 TypeScript但熟悉服务器端 Web 应用程序开发那相较于 SPA他们交付传统 Web 应用的速度可能更快。 除非以学习 SPA 编程为目的或需要 SPA 提供用户体验否则对已经熟悉构建传统 Web 应用的团队而言选择传统 Web 应用的工作效率更高。何时选择 SPA以下内容详细介绍何时为 Web 应用选择单页应用程序开发样式。应用程序必须公开具有许多功能的丰富用户界面SPA 可支持丰富客户端功能当用户执行操作或在应用的各区域间导航时无需重新加载页面。 SPA 很少需要重新加载整个页面因此加载速度更快可在后台提取数据并且对单个用户操作的响应更快。 SPA 支持增量更新可保存尚未完成的窗体或文档而无需用户单击按钮提交窗体。 SPA 支持丰富的客户端行为例如拖放比传统应用程序更容易操作。 可以将 SPA 设计为在断开连接的模式下运行对客户端模型进行更新并在重新建立连接后将更新最终同步回服务器。 如果应用要求包括丰富的功能且超出了典型 HTML 窗体提供的功能则应选择 SPA 样式应用程序。请注意SPA 通常需要实现内置于传统 Web 应用中的功能例如在反映当前操作的地址栏中显示有意义的 URL并允许用户将此 URL 存为书签或对其进行深层链接以便返回此 URL。 SPA 还应允许用户使用浏览器的后退和前进按钮寻找用户意料之中的结果。团队熟悉 JavaScript 和/或 TypeScript 开发编写 SPA 需要熟悉 JavaScript 和/或 TypeScript 以及客户端编程技术和库。 团队应有能力像使用 Angular 一样使用 SPA 框架编写新式 JavaScript。参考 - SPA 框架Angularhttps://angular.ioJavaScript 框架的比较https://jsreport.io/the-ultimate-guide-to-javascript-frameworks/应用程序已为其他内部或公共客户端公开 API如果已提供一个 Web API 供其他客户端使用则相较于在服务器端窗体中复制逻辑创建一个利用这些 API 的 SPA 实现更加容易。用户与应用程序交互时SPA 广泛使用 Web API 来查询和更新数据。决策表 - 选传统 Web 或 SPA下面的决策表总结了在传统 Web 应用程序和 SPA 之间进行选择时要考虑的一些基本因素。因素传统 Web 应用单页面应用程序需要团队熟悉 JavaScript/TypeScript最低必需支持不带脚本的浏览器支持不支持客户端应用程序行为极少适合不必要丰富而复杂的用户界面要求受限适合总结今天给大家介绍了在构建现代Web应用时究竟是选择传统web应用还是spa的一些参考希望对大家在进行现代web开发时技术选型时有所帮助。如果你有不同的看法可以在下面留言。
