聲明:本文首發(fā)于微信訂閱號:Dart客棧喷面,微信后臺回復(fù)05167獲取本篇源碼
文章為原創(chuàng)仔沿,如需轉(zhuǎn)載請注明出處,并告知作者逆巍,謝謝及塘!
1. 介紹
這一節(jié)我們來詳細(xì)的學(xué)習(xí)一下文件控制器FileController
2. 什么是文件控制器?
可以從名字看出,這個(gè)控制器用于管理文件的锐极,一般來說笙僚,如果服務(wù)器擁有后臺管理系統(tǒng)或者官網(wǎng)的話,都會掛web資源
到服務(wù)器中灵再,就以Java
為例肋层,我們通常將jsp
文件掛在Java
服務(wù)器下,當(dāng)然了檬嘀,這個(gè)是小編當(dāng)初在大學(xué)學(xué)習(xí)時(shí)候的做法槽驶,因?yàn)槟菚r(shí)候移動設(shè)備還不算特別發(fā)達(dá)责嚷,有一個(gè)網(wǎng)站就足以鸳兽,到現(xiàn)在來說,都喜歡前后端分離罕拂,前后端分離的優(yōu)勢在于移動端和web端都可以共用一套API
揍异,以JSON
的方式進(jìn)行傳遞,服務(wù)端只需要編寫一套接口即可爆班,那么這個(gè)文件控制器更多的用于哪里呢衷掷?可用于用戶的文件存儲,臨時(shí)文件的存放柿菩,又或者web網(wǎng)站的部署
3.為服務(wù)器添加文件控制器
當(dāng)用戶有訪問文件需求時(shí)戚嗅,我們需要指定一個(gè)特定的路徑頭,用于表示用戶正在訪問的是文件枢舶,下面我們來添加一下文件控制器吧
@override
Controller get entryPoint => Router()
..route('/files/*').link(()=>FileController('static/'));
上面的代碼表示懦胞,當(dāng)請求路徑以/files/
開頭時(shí),將會訪問項(xiàng)目下路徑為static/
下的文件凉泄,然后我們來添加一張圖片項(xiàng)目/static/
然后我們來請求一下服務(wù):http://localhost:8888/files/bird.jpg
成功了躏尉,有一天,這只鳥經(jīng)過我的窗間后众,猜猜看胀糜,是什么品種的鳥颅拦?到此為止,你的服務(wù)器程序已經(jīng)擁有了被訪問文件的能力了!
4.訪問的文件不存在教藻?
當(dāng)用戶手滑距帅,不小心打錯(cuò)網(wǎng)址,但又不想丟給它404時(shí)怖竭,我們可以這樣來處理
@override
Controller get entryPoint => Router()
..route('/files/*').link(() => FileController('static/',
//new
onFileNotFound: (FileController controller, Request req) async {
final file = File('static/bird.jpg');
final byteStream = file.openRead();
return Response.ok(
byteStream,
)
..encodeBody = false
..contentType = ContentType("image", "jpeg");
}));
//new
我們可以添加參數(shù)onFileNotFound
,進(jìn)行對文件不存在的處理锥债,如果你需要對傳入的不同參數(shù)進(jìn)行判斷時(shí),可以通過req
進(jìn)行獲取痊臭,也可以使用controller
進(jìn)行處理哮肚,這里我又返回了我的鳥,將上面的地址故意輸少了一個(gè)試試看http://localhost:8888/files/bird.jp
成功的返回了我的鳥
5.添加緩存策略
很多時(shí)候,瀏覽器請求我們的圖片無需要全量請求广匙,當(dāng)我們請求完成一次后允趟,可以通過緩存策略,直接拿緩存的圖片鸦致,實(shí)現(xiàn)更快的訪問體驗(yàn)潮剪,添加如下代碼即可
@override
Controller get entryPoint => Router()
..route('/files/*').link(() => FileController('static/',
onFileNotFound: (FileController controller, Request req) async {
final file = File('static/bird.jpg');
final byteStream = file.openRead();
return Response.ok(
byteStream,
)
..encodeBody = false
..contentType = ContentType("image", "jpeg");
})
//new
..addCachePolicy(
const CachePolicy(expirationFromNow: Duration(days: 10)),
(path) => path.endsWith('.jpg'))); //用于判斷哪些圖片或資源格式需要緩存
//new
CachePolicy參數(shù):
-
expirationFromNow
資源的有效期,即緩存的過期時(shí)間,將會設(shè)置響應(yīng)頭Cache-Control: max-age-xxx
-
preventIntermediateProxyCaching
為true時(shí)分唾,防止代理響應(yīng)緩存,將會設(shè)置請求頭:true:Cache-Control: private
,false:Cache-Control: public
,如果有用到CDN抗碰,建議使用false
-
preventCaching
為true時(shí),客戶端將不再緩存 -
requireConditionalRequest
為true時(shí)绽乔,由服務(wù)端決定緩存
我們來看一下弧蝇,不用緩存策略和使用緩存策略的區(qū)別吧,來請求我們的鳥
以上就是這一節(jié)的所有內(nèi)容,如果小伙伴們覺得有收獲折砸,不妨點(diǎn)一下點(diǎn)個(gè)贊看疗,讓我能看到你跟我一起學(xué)習(xí)Dart服務(wù)器,也是對我寫作的一種肯定睦授!