使用turbo，前后端如何联调页面
ian edited this page Dec 4, 2015
·
1 revision
- 前端提供开发机静态demo地址，以及hosts * 例如 ： * http://static.xiaojukeji.com/tech-bs/html/page1.html * hosts : 10.10.39.91 static.xiaojukeji.com
- 后端配置hosts,复制静态demo的源码，以此在服务端建立页面 * 例如： * http://skyfire.xiaojukeji.com/skyfire/ssu
- 后端按照api文档约定 构造javascript变量 $CONFIG * 例如：
<!DOCTYPE html>
<html>
<head>
<title>testing</title>
<script>
$CONFIG = {
"data1":<?php echo data1; ?>,
"data2":<?php echo data2; ?>
}
</script>
</head>
<body>
<script data-main="//static.xiaojukeji.com/tech-bs/js/page1" src="//static.xiaojukeji.com/tech-bs/vender/require.js"></script>
</body>
</html>
```
#### 如何联调异步接口？
> 1. 项目开始阶段，前后端按照文档约定并行开发。
> 1. 前端在线下开发机按照接口创建假数据，模拟接口，进行ajax开发。
> 1. 部署到后端以后，由于ajax接口的路径是相对路径，所以将在后端域名下发起ajax请求，规避跨域问题。
* 这样做的好处在于：
1. 前后端基于api文档并行开发。
1. 部署到后端无需修改js内的ajax请求代码.
* 注意：
1. 如果开发过程中接口发生变化，请严格按照先修改api，避免api跟实际接口不一致的情况