溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

.Net?core?Blazor怎么自定義日志提供器實(shí)現(xiàn)實(shí)時(shí)日志查看器

發(fā)布時(shí)間:2022-11-01 09:32:49 來(lái)源:億速云 閱讀:130 作者:iii 欄目:開(kāi)發(fā)技術(shù)

本文小編為大家詳細(xì)介紹“.Net core Blazor怎么自定義日志提供器實(shí)現(xiàn)實(shí)時(shí)日志查看器”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“.Net core Blazor怎么自定義日志提供器實(shí)現(xiàn)實(shí)時(shí)日志查看器”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來(lái)學(xué)習(xí)新知識(shí)吧。

基于blazor server的實(shí)時(shí)日志顯示組件

.Net?core?Blazor怎么自定義日志提供器實(shí)現(xiàn)實(shí)時(shí)日志查看器

場(chǎng)景

我們經(jīng)常遠(yuǎn)程連接服務(wù)器去查看日志,比較麻煩,如果直接訪問(wèn)項(xiàng)目的某個(gè)頁(yè)面就能實(shí)時(shí)查看日志就比較奈斯了,花了1天研究了下.net core 日志的原理,結(jié)合blazor實(shí)現(xiàn)了基本效果。

實(shí)現(xiàn)原理

  • 自定義日志提供器,將日志記錄到內(nèi)存中,滾動(dòng)10W條刪除。

  • 提供blazor組件,實(shí)時(shí)從內(nèi)存中讀取后顯示,搞了個(gè)簡(jiǎn)單的條件搜索。

為毛用內(nèi)存存儲(chǔ)?因?yàn)榭?,主要目的是?shí)時(shí)監(jiān)控,方便調(diào)試,只需要最近一段時(shí)間的數(shù)據(jù),所以內(nèi)存是最合適的。

由于數(shù)據(jù)是存儲(chǔ)在全局靜態(tài)變量中的(線程安全的),所以多個(gè)人同時(shí)打開(kāi)頁(yè)面查看日志其實(shí)看的是同一份數(shù)據(jù)。

這個(gè)庫(kù)默認(rèn)提供了與.net core默認(rèn)的日志框架的繼承,但你也可以用自己的方式把數(shù)據(jù)存儲(chǔ)到那個(gè)靜態(tài)變量中。

如何使用?

必須是asp.net 6.x的項(xiàng)目,至于是mvc webapi razorpages還是blazor無(wú)所謂,都可以簡(jiǎn)單配置支持blazor server,assembly模式按沒(méi)考慮過(guò)。

我的項(xiàng)目是webapi,啟用blazor server有影響嗎?完全木有,asp.net core本就是基礎(chǔ)web框架,同一個(gè)項(xiàng)目可以同時(shí)支持webapi mvc razorpage和blazor的。

1、啟用blazor server(若你本來(lái)是,直接跳過(guò))

若你不熟悉如何在現(xiàn)有項(xiàng)目集成blazor server,可以建個(gè)空的blazor server項(xiàng)目,然后按下面的步驟操作

在startup.cs或program.cs中

//注冊(cè)服務(wù)
services.AddRazorPages();
services.AddServerSideBlazor();

//配置路由
app.UseEndpoints(endpoints =>
{
  endpoints.MapDefaultControllerRoute();
  endpoints.MapBlazorHub();
  endpoints.MapFallbackToPage("/_Host");
});

然后將你新建的空的blazor server項(xiàng)目中的如下文件和目錄拷貝過(guò)來(lái)

  • wwwroot:里面包含默認(rèn)樣式,若你完全決定自己搞樣式,可以不拷貝

  • Pages:里面包含blazor server中基礎(chǔ)的頁(yè)面,其中_Host.cshtml(用來(lái)放blazor server根組件的)、_Layout.cshtml(_Host.cshtml依賴這個(gè)布局,我們還會(huì)在里面放公用的css js引用)文件必拷

  • Shared、公共組件,比如blazor的布局、菜單等組件

  • _Imports.razor、為所有blazor組件做全局命名空間導(dǎo)入的,注意它只為blazor組件服務(wù),并不是global using,這個(gè)是給整個(gè)項(xiàng)目用的

  • App.razor ,blazor server的根組件,它被放在_Host.cshtml中的。在此頁(yè)面頂部:<Router AppAssembly="@typeof(App).Assembly" AdditionalAssemblies="new Assembly[]{ typeof(BlazorServerLogger).Assembly}">

注意修改命名空間,尤其注意_Layout.cshtml head部分<link href="ZLJ.FYJIOT.ApiHost.styles.css" rel="stylesheet" />前面的命名空間替換為你當(dāng)前項(xiàng)目的命名空間,這個(gè)是當(dāng)前項(xiàng)目中的組件的樣式文件,自動(dòng)生成的

2、安裝咱的日志包:BXJG.BlazorServerLogger3、配置

在program.cs中

public static IHostBuilder CreateHostBuilder(string[] args) =>
            Host.CreateDefaultBuilder(args)
                .ConfigureLogging(b=>b.AddBlazorServerLogger())

現(xiàn)在啟動(dòng),導(dǎo)航到 /log-blazor 頁(yè)面看效果。

自定義配置和樣式

目前做的比較簡(jiǎn)單,默認(rèn)滾動(dòng)刪除10W條、記錄所有類別和級(jí)別的日志、以及組件的樣式都是固定的,有興趣可以自己改。

默認(rèn)為你建好了頁(yè)面 /log-blazor,這要求你在App.razor中配置AdditionalAssemblies="new Assembly[]{ typeof(BlazorServerLogger).Assembly}",如果你不想要這個(gè)頁(yè)面,可以自己建頁(yè)面,然后引入BlazorServerLogger組件,升值你也可以直接讀取BlazorServerLoggerExt.MsgContainer中的當(dāng)前日志信息,自己做顯示。

非微軟的日志框架的集成

如果你記錄日志使用的不是微軟的ILogger接口,或者你使用的第三方日志框架沒(méi)有與微軟的日志框架集成,那么上面的步驟3就不用做了,而是在記錄日志時(shí)直接調(diào)用BlazorServerLoggerExt.Add靜態(tài)方法就行了。

不過(guò)這樣你原來(lái)的代碼得改,最好與你自己目前的框架做個(gè)集成,舉個(gè)例子:若你原來(lái)是直接使用的log4net,則你需要自定義一個(gè)Appender,然后調(diào)用BlazorServerLoggerExt.Add,這樣你原來(lái)記錄日志的方式不變。

讀到這里,這篇“.Net core Blazor怎么自定義日志提供器實(shí)現(xiàn)實(shí)時(shí)日志查看器”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì),如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI