1. 前言

　　前后端的对接界面双方关注甚少，没有任何接口约定规范情况下各自干各自的，在产品项目开发过程中，前后端的接口联调对接工作量占比在30%-50%左右，甚至会更高。往往前后端接口联调对接及系统间的联调对接都是整个产品项目研发的弱项。所以要规范约定先行，尽量避免沟通联调产生的不必要的问题。

　　2. 什么是分离

　　我们现在要做的前后分离第一阶段：“基于 Ajax 带来的 SPA 时代”。这种模式下，前后端的分工非常清晰，前后端的关键协作点是 Ajax 接口。但这其实与 JSP 时代区别不大。复杂度从服务端的 JSP 里移到了浏览器的 JavaScript，浏览器端变得很复杂。类似 Spring MVC，开始出现浏览器端的分层架构。

　　3. 如何做分离

　　1 职责分离

　　前后端仅仅通过异步接口(AJAX/JSONP)来编程

　　前后端都各自有自己的开发流程，构建工具，测试集合

　　关注点分离，前后端变得相对独立并松耦合

　　2 开发流程

　　后端编写和维护接口文档，在 API 变化时更新接口文档

　　后端根据接口文档进行接口开发

　　前端根据接口文档进行开发 + Mock平台

　　开发完成后联调和提交测试

　　3 具体实施

　　接口方面的实施：

　　接口文档服务器：可实现接口变更实时同步给前端展示;

　　Mock接口数据平台：可实现接口变更实时Mock数据给前端使用;

　　接口规范定义：很重要，接口定义的好坏直接影响到前端的工作量和实现逻辑