现在我们已经了解了更多关于 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 日，超早鸟注册现已开放。我们希望在那里见到您！