處理客戶端暫存問題 clientCache

最近遇到一個問題，就是我們更新了CSS上去之後無法吃到CSS。

電腦版的話還好解決，因為使用無痕視窗就可以躲避這個問題。
但是手機(某些貌似沒有無痕? iphone?)

而且這也是治標不治本，因為是上線途中的程式，所以可能有些user已經抓住cache了，因此改版他們也吃不到，上網找了之後發現可以設定iis來讓clientCache清除重新抓。

開啟IIS 選取目標網站 > Http回應標頭


右鍵 設定一般標頭 > 到期時間選立即


這樣就貌似可以抓到新的CSS，但是之前實測的時候對於某些手機好像也是沒用，抓不到
所以也不確定到底原因為何

順帶一提，也可以直接下code在web.config裡面

這是一小時
<staticContent>
            <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="01:00:00" /></staticContent>

這是立刻
<staticContent>
            <clientCache cacheControlMode="DisableCache" />
</staticContent>
------------------------------------------------------------------------------------------------

HTTP Header 有不少與 Cache 管理有關，協助瀏覽器用 Cache 減少網路傳輸量，例如：Cache-Control、If-Modified-Since、ETag… 等。要了解這些技術細節，推薦幾篇文章：

IIS 預設藉由 ETag 及 If-Modified-Since 讓靜態內容(HTML、JPG、PNG、GIF、CSS、JS...)平時可以被 Cache，但是檔案只要有更新就重新讀取。

以上是IIS的理論基礎

而實際案例則由 這篇 測試結果

他測試的方法是，一開始先丟一篇Index.html上去，為5880個字元，接著再丟一個多一個空白的Index.html上去覆蓋。
並且用F12 開發者工具調整設定 Disable Cache、開啟Preserve Log，並測試三次。

為了測試，開始前先清空Cache，因此第一次要由Chrome向IIS取得完整資料
第二次則是IIS回傳304 通知 Chrome使用Cache
第三次則是修改Index.html加入一個空白字元並存檔。

第一次

第二次

第三次

而上面講到的 使用IIS的修改標頭行為，其實只是減少Response的次數罷了。
他設定的邏輯為，在 "設定時間的期限內 不會再次發送Response給IIS要求更新，都是用Cache更新"。
但是實際測試結果之後貌似沒有讀取新的CSS，這就不太確定是什麼原因了。
可能要像這篇文的版主一樣抓開發者工具一樣一行一行看NetWork裡面捕捉到的值

順帶一提，還有一種方法是上版號

比如讀取的時候是這樣

<script src="assets/js/jquery.min.js"></script>
就會變成
<script src="assets/js/jquery.min.js?20230612"></script>

就會變成新檔了

還有一個方法貌似是清除IIS Cache

1.  進入 IIS ，停止目標站台
2.  進入 C:\Windows\Microsoft.NET\Framework\v4.0.30319\Temporary ASP.NET Files，清除此路徑下的檔案 (Framework 版本可能不同，上述路徑的 v4.0.30319 指的是 4.0 版，若有多個版本資料夾，那只需要清除目標站台所使用的版本資料夾即可)
3.  啟動目標站台

這樣看起來應該是重新build站台，假如說你的站台是可以暫停更新的，用這個方法應該也可以

參考
https://learn.microsoft.com/en-us/iis/configuration/system.webserver/staticcontent/clientcache?WT.mc_id=DOP-MVP-37580

https://blog.darkthread.net/blog/iis-static-content-cache/

https://blog.techbridge.cc/2017/06/17/cache-introduction/

https://dotblogs.com.tw/brian/2012/10/30/79752

留言

張貼留言

這個網誌中的熱門文章

無法載入檔案或組件 'System.IO.Compression' 或其相依性的其中之一。

圖片
曾經在拿取檔案的時候發生過這個問題 我不清楚究竟是版本的問題還是(應該不是版本的問題，因為我從我的夥伴手中拿它可以跑的程式，修改Config後仍然有問題) 主要的問題可能是因為package的問題，時常因為package跟參考以及nuget和WebConfig有不同而出現版本問題 遇到上述問題的話可能都要檢查以上三個檔案 建議是直接複製查詢 然後把「你認為不該存在的」參考給移除。 我自己本人是只留下參考中的檔案，是會把package和WebConfig的依賴給註解後再使用nuget重新安裝。 題外話抱怨 package.Config貌似就是參考的引入，但是不知道為啥連那邊都會跟參考互相衝突，微軟真的不打算修一下逆? 補充說明: 比如說遇到這個錯誤 上面有寫明說 Newtonsoft.Json culture = neutral publicKeyToken = 30ad4fe6b2a6aeed version = 6.0.0.0 就可以在web.config中寫這段加入  <dependentAssembly>    <assemblyIdentity name="Newtonsoft.Json" culture="neutral" publicKeyToken="30ad4fe6b2a6aeed"/>    <bindingRedirect oldVersion="0.0.0.0-6.0.0.0" newVersion="6.0.0.0"/>  </dependentAssembly> oldVersion - 那些版號要對應 - 可以用 - 來包含版號區間。 注意，newVersion不代表一定比oldVersion高。換句話說也有可能高版本全部要用低版本的dll（不過這種情景比較少 ，因為一般都是高版本會向下兼容） 不過這種方法不太建議，一律建議使用最上面的方法 參考 http://shaurong.blogspot.com/2020/02/systemiocompression.html
閱讀完整內容

MongoDB 入門

圖片
 MongoDB是一個NoSQL(非關聯性資料庫) 主要的儲存方式是 一個DB => 底下為一個Collection (類似Table) => 接著是文檔(docume) 存的資料型態為 BSON 是一種JSON的變體 如這樣 ID 自動生成 如SN 為唯一值 name sort之類的數值都是自己產生的 常用語法 通常都是以 db.CollectionName 開頭 find() 類似where 不輸入為全搜尋 insertOne({colname : data , colname2 :"data2"}) insert 用逗號分隔 insertMany([{colname : data} , {colname2 :"data2"}]) 如上 只是有中括號用來代表陣列 find().limit(N) 只回傳N筆 類似select() find().skip(N) 略過N筆後 類似skip() find().sort({colname : 1 , colname2 : -1}) 1是升冪 -1降冪 find()進階 => find({colname : 3} , {colname : 1 , colname2 : 0}) 這段的意思是 依照前面大括內的where 搜尋後 依照後面的select 條件選出 1是要輸出 0是不要輸出 假如只有0 則是 除了這些以外都要輸出  通常 1 跟 0 同時出現的時候是 _id這個字樣 因為這個是會自動返回的字樣 find(colname : {$gt : 3})  gt 大於 lt 小於 gte 大於等於 lte 小於等於 eq 等於 in => {$in :[ 1 , 3]} 一或三 nin => {$nin :[ 1 , 3]} 不等於1 或 3 都出 colname : { $exists : 1 } 代表這個colname存在的話則顯示 (nosql 因此型態可能不同) 0則是沒有的顯示 colname : {$regex :{/data/}} 正則表達式 找所有data  countDocuments() 總數 ex 找大於等於3小於等於5的 db.CollName.find(colname : {$gte : 3 , $let : 5}) 參考 : h...
閱讀完整內容

javascript 更改屬性及創建標籤

雖然應該是一些很基本的東西 但是我的前端其實蠻破的，所以筆記一下關於這個東西 //-----------------------------------1 如果要呈現某種屬性的話 就用 document.querySelector('id').setAttribute('readonly', true); 如果要刪除(隱藏)某種屬性的話就用 document.querySelector('id').removeAttribute('readonly'); //-----------------------------------2 $(document).ready(function () {         //取目標Tag為img者          //getElementsByTagName 不能使用forEach走訪 只好使用for走訪         var varTaglist = document.getElementsByTagName('img');         for (let i = 0; i < varTaglist.length; i++) {             //走訪建立id用於區分點選的目標             varTaglist[i].setAttribute('id', 'imgID' + i)             //走訪建立onclick屬性             varTaglist[i].setAttribute('onclick', 'imgclick(id)');         }     });     //設定屬性值 part2     var imgclick = function ...
閱讀完整內容