构建实时Web应用 基于HTML5 WebSocket、PHP和jQueryPDF电子书下载

第一部分 熟悉必备技术 2

第1章 什么是实时 2

1.1 传媒的演化 2

1.1.1 是网站而不是Web应用 3

1.1.2 HTTP解决方案 4

1.1.3 一个先要解决的问题：实时究竟意味着什么 5

1.1.4 AJAX 5

1.1.5 轮询 5

1.1.6 HTTP长轮询 7

1.1.7 HTTP流 8

1.1.8 在Web浏览器中使用基于HTTP的解决方案的其他问题 9

1.2 解决方案：WebSocket 11

1.3 为什么要学习实时Web技术 13

1.4 请即刻在你的应用中使用实时Web技术 14

1.5 小结 14

第2章 工具 15

2.1 我们要构建什么 15

2.2 选择工具 16

2.2.1 HTML5 16

2.2.2 CSS3 19

2.2.3 JavaScript和jQuery 22

2.2.4 PHP 26

2.2.5 MySQL 28

2.2.6 HTML5的WebSocket技术和Pusher 31

2.2.7 OAuth 33

2.3 小结 35

第3章 Pusher 36

3.1 Pusher简史 36

3.2 为什么要使用Pusher 36

3.2.1 扩展性 37

3.2.2 WebSocket、旧技术支持和自动重连接 37

3.2.3 其他客户端库 37

3.2.4 RESTAPI 37

3.2.5 服务器库 37

3.2.6 开发人员工具 38

3.2.7 文档 38

3.3 Pusher中的术语 38

3.4 开始使用Pusher 39

3.5 使用Pusher发送事件 45

3.6 调试Pusher应用程序 54

3.7 小结 55

第二部分 规划应用 58

第4章 选择Web应用 58

4.1 为什么要在Web应用与原生应用间做抉择 58

4.2 要考虑的因素 58

4.2.1 了解用户 59

4.2.2 市场推广 59

4.2.3 销售 61

4.2.4 发布应用程序 61

4.2.5 外观和性能 62

4.2.6 开发 63

4.3 根据需要进行选择 66

4.3.1 选择Web应用而不是原生应用 67

4.3.2 最终的决定：构建Web应用程序 67

4.4 小结 68

第5章 确定应用的功能和结构 69

5.1 应用要做什么 69

5.2 应用不做什么 69

5.3 用户扮演的角色 70

5.3.1 主持人 70

5.3.2 参与者 70

5.4 前端规划 71

5.4.1 要使用的技术 71

5.4.2 使用HTML5 71

5.4.3 CSS3、媒体查询以及它们如何影响设计和HTML 74

5.4.4 效果和动画 78

5.5 后端规划 79

5.6 将所有这些整合入线框图中 85

5.6.1 筹划主页 85

5.6.2 筹划参与者的问答页面 85

5.6.3 筹划主持人的问答页面 86

5.7 小结 87

第三部分 构建基本内容 90

第6章 设计应用 90

6.1 为设计设置目标 90

6.2 定义颜色面板 91

6.3 选择字体 91

6.4 设计常见的页面元素 93

6.4.1 创建页眉 93

6.4.2 创建页脚 95

6.4.3 表单元素 96

6.5 设计主页视图 100

6.5.1 创建房间的表单 100

6.5.2 加入房间的表单 102

6.6 设计房间视图 104

6.6.1 设计参与者视图 104

6.6.2 设计关闭的房间视图 105

6.6.3 设计主持人视图 105

6.7 小屏幕布局 107

6.8 小结 108

第7章 创建HTML和CSS标记 109

7.1 开始构建基本部分：设置HTML5文档 109

7.2 获得需要的字体 110

7.3 常见的元素 113

7.3.1 页眉标记 113

7.3.2 页脚标记 114

7.3.3 样式 115

7.3.4 使得页眉和页脚具有响应 119

7.4 开发主页视图 120

7.4.1 编写标记 120

7.4.2 添加媒体查询 126

7.5 开发参与者的活动房间视图 127

7.5.1 编写标记 128

7.5.2 实现CSS 131

7.5.3 添加媒体查询 136

7.6 开发参与者的关闭的房间的视图 139

7.6.1 尽可能少引入新标记 139

7.6.2 添加样式 140

7.6.3 关于媒体查询 140

7.7 开发主持人的房间视图 141

7.7.1 修改现有的标记 141

7.7.2 更新CSS 143

7.7.3 更新媒体查询 144

7.8 小结 146

第8章 构建后端：第1部分 147

8.1 计划简单的MVC框架 147

8.1.1 确定文件夹结构 147

8.1.2 为所有的请求设置路由 148

8.1.3 设置实用工具函数 152

8.1.4 结束路由的编写 161

8.1.5 设置核心类 163

8.1.6 创建抽象模型类 170

8.2 增加页眉标记和页脚标记 171

8.3 构建主页 174

8.3.1 创建主页控制器 174

8.3.2 创建主页视图 175

8.4 添加错误处理程序 178

8.4.1 创建错误控制器 178

8.4.2 创建错误视图 179

8.4.3 添加与错误有关的样式 180

8.4.4 测试错误页面 180

8.5 构建数据库 181

8.6 处理表单提交 182

8.6.1 计划表单提交工作流程 182

8.6.2 设置并检查有效的动作 183

8.6.3 防止重复提交和欺骗性的提交 184

8.6.4 编写表单处理方法 185

8.7 小结 189

第9章 构建后端：第2部分 190

9.1 构建问题 190

9.1.1 构建Question控制器 190

9.1.2 添加问题视图 192

9.1.3 完成视图编写 193

9.1.4 添加提出问题表单 200

9.1.5 构建问题模型 201

9.1.6 为控制器添加表单处理程序和数据访问方法 205

9.2 构建房间 209

9.2.1 增加Room控制器 209

9.2.2 构建房间模型 216

9.2.3 向Room控制器添加表单处理程序 221

9.3 测试所有代码 225

9.3.1 创建第一个房间 225

9.3.2 关闭房间 226

9.3.3 重新打开房间 227

9.3.4 加入房间 227

9.3.5 提出第一个问题 228

9.3.6 为问题投票 228

9.3.7 回答问题 229

9.4 小结 231

第10章 实现实时事件和jQuery效果 232

10.1 添加需要的证书和库 232

10.1.1 获得Pusher的API证书 232

10.1.2 下载Pusher的PHPAPI包装 234

10.1.3 载入Pusher的JavaScript API包装 234

10.1.4 载入jQuery 235

10.2 在后端实现实时 235

10.2.1 创建事件 235

10.2.2 测试实时事件 236

10.3 在前端实现实时 238

10.3.1 订阅通道 238

10.3.2 绑定事件 239

10.4 增加效果 240

10.4.1 处理房间事件 241

10.4.2 为增加新问题添加动画 242

10.4.3 为问题增加投票 242

10.4.4 回答问题中的动画和问题重排 246

10.5 小结 248

附录A 深入理解OAuth 249