誰說Spring Boot 修改靜態資源一定要重啟項目才會生效,我看未必
- 2019 年 10 月 8 日
- 筆記
誰說Spring Boot 修改靜態資源一定要重啟項目才會生效,我看未必
回顧熱部署
Spring Boot 中的熱部署相信大家都用過吧,只需要添加 spring-boot-devtools 依賴就可以輕鬆實現熱部署。Spring Boot 中熱部署最最關鍵的原理就是兩個不同的 classloader:
- base classloader
- restart classloader
其中 base classloader 用來加載那些不會變化的類,例如各種第三方依賴,而 restart classloader 則用來加載那些會發生變化的類,例如你自己寫的代碼。Spring Boot 中熱部署的原理就是當代碼發生變化時,base classloader 不變,而 restart classloader 則會被廢棄,被另一個新的 restart classloader 代替。在整個過程中,因為只重新加載了變化的類,所以啟動速度要被重啟快。
但是有另外一個問題,就是靜態資源文件!使用 devtools ,默認情況下當靜態資源發生變化時,並不會觸發項目重啟。雖然我們可以通過配置解決這一問題,但是沒有必要!因為靜態資源文件發生變化後不需要編譯,按理說保存後刷新下就可以訪問到了。
那麼如何才能實現靜態資源變化後,不編譯就能自動刷新呢? LiveReload 可以幫助我們實現這一功能!
LiveReload
devtools 中默認嵌入了 LiveReload 服務器,利用 LiveReload 可以實現靜態文件的熱部署,LiveReload 可以在資源發生變化時自動觸發瀏覽器更新,LiveReload 支持 Chrome、Firefox 以及 Safari 。以 Chrome 為例,在 Chrome 應用商店搜索 LiveReload ,結果如下圖:

將第一個搜索結果添加到 Chrome 中,添加成功後,在 Chrome 右上角有一個 LiveReload 圖標

在瀏覽器中打開項目的頁面,然後點擊瀏覽器右上角的 LiveReload 按鈕,打開 LiveReload 連接。
注意:
LiveReload 是和瀏覽器選項卡綁定在一起的,在哪個選項卡中打開了 LiveReload,就在哪個選項卡中訪問頁面,這樣才有效果。
打開 LiveReload 之後,我們啟動一個加了 devtools 依賴的 Spring Boot 項目:
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> <scope>runtime</scope> <optional>true</optional> </dependency> 此時隨便在 resources/static 目錄下添加一個靜態 html 頁面,然後啟動 Spring Boot 項目,在打開了 LiveReload 的選項卡中訪問 html 頁面。
訪問成功後,我們再去手動修改 html 頁面代碼,修改成功後,回到瀏覽器,不用做任何操作,就會發現瀏覽器自動刷新了,頁面已經更新了。
整個過程中,我的 Spring Boot 項目並沒有重啟。
如果開發者安裝並且啟動了 LiveReload 插件,同時也添加了 devtools 依賴,但是卻並不想當靜態頁面發生變化時瀏覽器自動刷新,那麼可以在 application.properties 中添加如下代碼進行配置:
spring.devtools.livereload.enabled=false
最佳實踐
建議開發者使用 LiveReload 策略而不是項目重啟策略來實現靜態資源的動態加載,因為項目重啟所耗費時間一般來說要超過使用LiveReload 所耗費的時間。
Firefox 也可以安裝 LiveReload 插件,裝好之後和 Chrome 用法基本一致,這裡不再贅述。