如果您是一个 .NET 开发者，你很可能听过过 Blazor 是一个最近的热门开发技术。Blazor 是一个使用 .NET Blazor 服务器来构建可交互客户端 Web 界面的框架。就是本文所专注的技术，提供了在 ASP.NET Core 应用中，在服务器端寄宿 Razor 组件的支持。UI 的更新通过 SignalR 连接进行。由于多数的应用都需要某些程度的验证和授权，这里将展示如何使用 Azure AD 实现验证的最佳方式，以及如何从 Microsoft Graph 获取数据。

从 Angular 6 开始，你可以将 Angular Components 暴露为 Web Components ，或者更严谨的，作为术语 Web Components 保护伞下面的自定义元素。 它们可以被用于各种框架，甚至是 VanillaJS。进一步来说，我们可以在运行时很容易地创建它们，因为它们使用浏览器渲染。动态添加新的 Web Components 到页面上，就和创建 DOM 元素一样简单。

本文中，我将继续，我将根据需要加载 Web Componets，所以，我演示两种方式：延迟和加载外部的组件。

本文介绍如何使用 Shadow DOM v1 和 slots。为了演示起见，这里使用一个组件来展示一张图。

构建中问题的处理。

原来这个 secure 是做这个用的，如果希望验证站点的 SSL 证书，就设置为 true。

搭建可拓展性（scalable）的软件是一项具有挑战性的任务。当我们在思考前端应用的可拓展性时，我们会想到递增的复杂度，越来越多的业务规则，应用需要加载越来越多的数据以及遍布全球的分布式团队。为了应对上述的各种因素从而保证高质量的交付和避免技术债的产生，健壮及牢固的架构必不可少。虽然 Angular 自身是非常具有技术倾向性的框架，迫使开发者以恰当 的方式进行开发，但是开发过程中依然容易犯错。在这篇文章里，我会展示极力推荐的基于最佳实践和经过实战检验的具有良好设计的 Angular 应用架构。我们在本文的终极目标是学习如何设计一个长期内的可持续的开发效率和增加新功能的简易程度的 Angular 应用。

详细说明将寄宿在 GitHub 上的 Hexo 站点，通过 Github Action 发布到 Azure Web App 上。

迁移到 GitHub Action

本文说明了如何在 Angular 中如何使用 Angular Layout。