现在我们对 JavaScript 模块有了更多的了解，我们已准备好深入探讨 Sagan 应用程序的客户端架构。

注意：如果您尚未阅读过关于Sagan 项目的先前博客文章，您应该知道这是为本博客和spring.io上的所有其他内容提供支持的 Spring 参考应用程序。之前的文章展示了如何运行此应用程序，我们如何实现零停机部署，以及我们如何将 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日在德克萨斯州达拉斯举行，超级早鸟注册现已开放。我们希望在那里见到您！