既然我們對 JavaScript 模組有了更多了解，我們就可以深入探討 Sagan 應用程式的客戶端架構了。

注意：如果您尚未閱讀關於 Sagan 專案的先前部落格文章，您應該知道這是 Spring 參考應用程式，為此部落格以及 spring.io 上的所有內容提供支持。 先前的文章展示了如何執行此應用程式、我們如何進行零停機時間部署，以及如何將 Sagan 升級為使用最新的 JDK8 功能。

在這篇文章中，我想逐步介紹 Sagan 應用程式中客戶端架構的基本知識

1. 為什麼客戶端應用程式位於單獨的 sagan-client 專案模組中？
2. 它如何與 sagan-site 模組連結？
3. 什麼是 npm、bower 和 gulp？
4. 這些工具如何協同工作以建立客戶端應用程式？

為了說明這一切，下面的螢幕截圖不僅會向您展示如何新增新的 bower 依賴項和編寫一個小型的新功能（網站上的鍵盤快捷鍵！），還會向您展示如何增強 gulp 建置（優化圖片！）。

!{iframe src="//player.vimeo.com/video/92961329" width="640"  height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen}{/iframe}

注意：有關螢幕截圖中提到的網站連結，請參閱節目說明。 您也可以在 vimeo 上以高清畫質觀看此螢幕截圖。

對 npm、bower 等感興趣嗎？ Spring.io 有一篇關於此的好文章：「了解 JavaScript 套件管理器」。

SpringOne 2GX 2014 即將到來

今年的 SpringOne 將於 9 月 8-11 日在德州達拉斯舉行，並且 超級早鳥註冊現已開放。 我們希望在那裡見到您！