1. 程式人生 > >15.ASP.NET Core 應用程式中的靜態檔案中介軟體

15.ASP.NET Core 應用程式中的靜態檔案中介軟體

在這篇文章中,我將向大家介紹,如何使用中介軟體元件來處理靜態檔案。這篇文章中,我們討論下面幾個問題:

  1. 在ASP.NET Core中,我們需要把靜態檔案存放在哪裡?
  2. 在ASP.NET Core中 wwwroot資料夾是啥?
  3. 怎樣在ASP.NET Core應用程式中,配置靜態檔案中介軟體?
  4. UseFileServer中介軟體的作用是什麼?

        最重要的特性之一就是;幾乎所有的web應用程式都應該具備直接從檔案系統存取靜態檔案的能力。ASP.NET Core能夠直接從客戶端獲取應用程式的靜態檔案,比如:HTML、Images、CSS、以及JavaScript檔案。但是最重要的一點,你需要記住的是:預設情況下,在ASP.NET Core中並不能直接獲取訪問這些靜態檔案。需要額外在做一些配置,ASP.NET Core才能夠直接獲取訪問這些靜態檔案。

在ASP.NET Core中,我們需要把靜態檔案存放在哪裡?

在ASP.NET Core中,預設存放靜態檔案的目錄或者地方就是wwwroot資料夾,並且這個wwwroot資料夾需要放在專案的根目錄下面。預設情況下,這是ASP.NET Core應用程式,能直接訪問靜態檔案的目錄。但是我們可以通過使用UseWebRoot方法來改變這一預設行為。在後面的文章中,我將介紹怎麼改變預設存在靜態檔案的目錄。在這篇文章中,我們就使用wwwroot資料夾,來存放靜態檔案。

我們開啟,之前文章中,做的例子,建立的空白的ASP.NET Core專案:

可以看到空白模板,建的ASP.NET Core專案是沒有wwwroot資料夾的。

新增wwwroot資料夾

右鍵專案--選擇新建資料夾—【wwwroot】,一旦我們建立了wwwroot資料夾,我們在裡面新增一個html檔案:MyCustom.html

在HTML檔案中,加上這句程式碼:

現在讓我們來執行程式,輸入這個地址:http://localhost:51519/MyCustom.html

你可以看到,並沒有得到我們想要的輸出結果,頁面上顯示的是我們在Configure方法中,使用Run擴充套件方法,輸出的結果:也就是Get One GetTwo

我們之所以沒有得到想要的結果:是因為在請求處理管道中沒有任何一箇中間件,可以處理靜態檔案。

配置靜態檔案中介軟體

ASP.NET Core中,提供了一個UseStaticFiles中介軟體,它可以用來處理靜態檔案。我們來修改一下Configure方法,新增這個中介軟體:

現在執行程式,輸出剛才的地址,就能得到想要的輸出結果了。

設定預設頁

大多數應用程式,都有一個預設的頁面,例如:index.html或者default.html,作為它的啟動頁面,啟動頁面就是使用者訪問程式的根路徑的時候看到的頁面。例如:如果你有一個預設的index.html頁面,那麼不管什麼時候使用者訪問你的網站根路徑的時候,看到的都是這個頁面。

現在我們在wwwroot資料夾下,新增一個index.html檔案:

寫上這句程式碼:

現在執行程式,訪問根路徑:http://localhost:51519/

可以看到,得到的結果並不是我們想要的。為了得到想要的結果,我們需要新增另外一箇中間件,也就是UseDefaultFiles()到請求管道中去。所以我們修改一下Configure方法:

現在我們執行程式:

咦,咋回事,我們不是加了預設頁面中介軟體了麼,怎麼沒效果???這是因為我們新增的順序不對:

再執行就是我們想要的結果了。

注意:你需要將UseDefaultFiles中介軟體,寫在UseStaticFiles中介軟體的上面。需要記住的是:UseDefaultFiles中介軟體僅僅只是將URL重寫,並不處理靜態檔案。它的工作就是把URL重寫為預設檔案,然後UseStsticFiles中介軟體,就去處理這個預設檔案,我們就看到頁面了。

UseDefaultFiles中介軟體,將會在wwwroot目錄下面,找下面的檔案:

index.htm

index.html

default.htm

default.html

這就是預設的行為。但是你同樣可以改變這一約定俗成的行為。例如,如果你想MyCustom.html,作為預設頁面,你可以這樣:在Configure方法中,寫如下程式碼:

現在執行程式就得到你想要的結果了:

如果沒有得到你想要的結果,可能就是頁面有快取,用Ctrl+F5強制重新整理一下,就行了。

UseFileServer中介軟體的作用是什麼?

UseFileServer中介軟體元件,包含這幾個中介軟體的功能:UseStaticFiles、UseDefaultFiles以及UseDirectoryBrowser.我們已經學習了UseStaticFiles和UseDefaultFiles這兩個中介軟體。UseDirectoryBrowser中介軟體,根據名字來看就是啟動目錄瀏覽,也就是允許使用者可以看到指定目錄下面的檔案。在我們的例子中,我們可以使用UseFileServer中介軟體,來取代UseDefaultFiles和UseStsticFiles中介軟體,看:

然後執行程式:結果也是一樣:

可以看到使用UseFileServer中介軟體,就很好的替換了之前的程式碼了:是不是很厲害!

在下面的文章中,我將帶領大家學習,—>開發異常頁面中介軟體.這篇文章,我詳細介紹了,在ASP.NET Core中怎麼處理靜態檔案,怎麼使用靜態檔案中介軟體來處理靜態檔案,希望你們都學會了,不明白的,大家可以給我留言,如果覺得我寫得好,可以點個贊,謝