回顧熱部署

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 用法基本一致，這裡不再贅述。

關注公眾號【江南一點雨】，專注於 Spring Boot+微服務以及前後端分離等全棧技術，定期視訊教程分享，關注後回覆 Java ，領取鬆哥為你精心準備的 Java 乾貨！