分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-27 9:31:20

今天我们来讨论一下静态文件，这个主要是针对于Blazor Server部署模式的。 但是其实基于WebAssembly中也是可以使用不同的静态文件的，一般的静态文件时放置于wwwroot/中，在这个目录中我们可以防止js文件，CSS文件，以及图片等等。 如果需要在webassembly的项目中引用这些静态文件，只需要在引用中加入静态文件的路径，例如： <imge src="/image/logo.png"/> 需要注意的是在组件中不支持~/形式的路径。同时在路径中使用"/" 仅仅是代表相对于wwwroot。 为了添加格外的静态文件，我们需要使用FileExtensionContentTypeProvider或者配置StaticOptions

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-25 21:51:08

SignalR技术的介绍您可以参考官方文档，后期我们也会给大家整理这个部分，目前您可以去这里看一下：https://docs.microsoft.com/en-us/aspnet/core/signalr/introduction?view=aspnetcore-5.0 关于SignalR技术在Blazor Server部署中是一个必须的技术，在Blazor Serer中渲染处理在服务端繁盛，同时服务端还有预渲染的处理，但是Blazor 的js框架在客户端会通过SignalR技术和服务端进行通讯从而完成组件的更新，事件的监听等等工作，所以Blazor Server是离不开SignalR技术的，但是对于Blazor WebAssembly不是这样的，Blazor WebAssembly运

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-25 21:40:06

今天我们来学习一下Blazor应用的错误处理。 关于本章我们需要从如下几个方面来学习： Blazor WebAssembly和Blazor Server在错误处理上有什么不同点。 Blazor框架默认预置哪些错误处理的配置和方法 异常和错误处理的一般方法。 错误和异常在Blazor应用哪些地方会出现。 详细的阐述每个出现错误或者异常该如何处理。

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-25 21:32:12

关于Blazor Server的日志配置和使用，您可以参考文档: https://docs.microsoft.com/en-us/aspnet/core/fundamentals/logging/?view=aspnetcore-5.0 Blazor WebAssembly日志配置 基于WebAssembly的日志配置，我们目前有两种配置方法，一种是使用配置文件来配置，关于Blazor的配置，您可以参考文章： 配置文件wwwroot/appsettings.json:

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-25 21:05:09

由于WebAssembly主要运行在浏览器端(也即客户端), 因此针对于WebAssembly来说，不能像基于Blazor Server形式来判断环境。由于基于Webassemlby的应用可以使用基于ASP.net Core的服务host形式，或者是直接使用Web服务器静态来的Host，因此对于基于WebAssembly部署的应用判断环境最有利的方法是通过对于HTTP的header变量来设定是最有力，我们也是采取这种做法，在HTTP通讯时的头部加上一个参数：blazor-environment， 来指定应用是运行在什么环境下，例如是Production环境还是Development环境。 举一个例子，加入你是使用IIS Host WebAssembly的应用，那么如下就是通过

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-25 20:59:14

Blazor是基于ASP.net Core的框架来开发的，因此Blazor的依赖注入当然也是在ASP.net Core的依赖注入的基础上开发而来的，如果你想深入的了解依赖注入的基本理论，目前你可以在网上找一些专业点的资料来学习一下，之后我也会在重新学习ASP.net Core的框架的时候重新在回顾一下依赖注入的理论知识，不过如果你等不及，你可以先看一下ASP.net Core的依赖注入： https://docs.microsoft.com/en-us/aspnet/core/fundamentals/dependency-injection?view=aspnetcore-5.0 不过对于依赖注入有几个基本的知识点需要有概念： 依赖注入的使用范围:SingleTon, Sco

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-25 20:48:56

关于Blazor应用的配置，我们需要按照部署模型来分别讨论，这其中基于Server部署的模型其配置模型和ASP.net Core的常规应用是一致的，这个部分，您可以参考ASP.net Core的官方文档： https://docs.microsoft.com/en-us/aspnet/core/fundamentals/configuration/?view=aspnetcore-5.0 本章主要讨论基于WebAssembly模型部署的配置讨论，以下所有的内容都是基于WebAssembly部署模型。 配置文件 配置文件的位置默认在wwwroot下： Wwwroot/appsettings.json Wwwroot/appsettings.{ENVIRONMEN

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-21 23:01:00

今天我们开始详细的从微软的官方文档中半翻译半加入自己的理解顺着将微软Blazor的官方文档学习的经历记录在这一系列的文章里，以供大家学习和参考。 今天我们来讲一下Blazor的基础之一路由： 前面我们说过了Blazor是基于组件来编程的，需要注意的是在Blazor里有两种组件，一种是带有路由功能的组件，另外一种不具备路由功能的组件，要想理解路由组件，我们先需要理解Blazor应用的架构是什么样子的。 我们之前的文章中也有谈到过这个问题，每个Blazor应用都是从Program.cs 主类开始，在该类中的Main方法初始化Host，然后由host引入Blazor应用中的主要组件App.razor, 其中的分别是基于WebAssembly是直接从wwwroot/index.ht

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-21 22:07:32

之前我们已经使用Blazor Server的部署模式创建了一个简易的代办事件列表，今天我们使用SignalR技术+Blazor WebAssembly部署模式+ASP.net Core 服务端创建一个简易的聊天室，虽然这两个教程都非常简单，基本上由dotnet 工具和框架完成了大部分的工作，但是这两个实例的开发基本上描述了使用Blazor技术开发一个应用的所有的技术要点，希望大家能够认真理解这些基础的知识点，在完成这两个教程之后，后期我们会将Blazor编程中技术要点会一一给大家满满讲解，同时技术要点完成了之后，我们会根据Github上的一个项目整理一个较为深入的教程，帮助大家尽快的能够上手使用Blazor技术。 对上一个教程不是太了解的同学可以参考如下链接（本教程不在叙述技

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web Client   #Blazor   ◆ 发布于: 2023-05-21 19:23:31

前面的文章我们简要的介绍了什么是blazor以及给大家分享了两个hello world, 并且分别基于blazor框架的两种部署模式：WebAssembly部署模式和基于Blazor Server的部署模式。从Blazor的开发历史上来看是先在.net Core 3.0时发布了Blazor Server，然后在.net 5才发布了Webassembly。 但是这里有很多问题，例如： Blazor Webassembly和Blazor Server优缺点是什么？ Blazor WebAssembly和Blazor Server分别适用于什么场景？ Blazor Server和传统的基于Razor Page或者ASP.net Core MVC的应用到底有什么不同？