PhoneGap中文网

 找回密码
 立即注册
查看: 19437|回复: 0
打印 上一主题 下一主题

APP7天快速开发教程3:APP前后端的接口联调

[复制链接]

27

主题

33

帖子

181

积分

注册会员

Rank: 2

积分
181
跳转到指定楼层
楼主
发表于 2017-2-21 11:34:53 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
第三天:了解APICloud平台提供的数据通信能力,掌握APICloud数据通信相关API使用,按照服务端接口文档进行APP前后端接口联调,将APP页面中的静态数据改为从服务端动态获取,并完成相关的业务逻辑。掌握APICloud平台的事件管理机制,了解APICloud数据云功能和使用。

第三天课程源码
http://7xy8na.com1.z0.glb.clouddn.com/apicloud/c8078f42d6c7d315f32c67e0c88b53e6.zip

教程更新:
Github地址
https://github.com/apicloudcom/APICloud-7Days-Online-Training-Tutorials/blob/master/Day3.md

学习目标

如何实现前后端的数据通信,如何进行接口联调
api.ajax的使用和注意事项
两种窗口间的通信机制
如果使用APICloud数据云,推荐的调用方式

主要内容


1. APICloud平台提供的数据通信能力
    1.1 HTTP
    1.2 HTTPS
    1.3 TCPUDP
   
2. APICloud数据通信常用API使用
    2.1 HTTP请求相关API
    2.2 文件下载相关API
   
3. 使用api.ajax与服务端进行数据通信
4. 按照服务端接口文档,进行APP与服务端的接口联调
5. 窗口间通信机制
    5.1 跨窗口调用函数
    5.2 自定义事件
   
6. 常用对话框窗口使用
    6.1 提示对话框
    6.2 状态对话框
    6.3 选择对话框
7. APICloud平台事件机制
    7.1 全局事件管理
    7.2 平台事件类型
    7.3 事件监听机制
   
8. APICloud数据云
    8.1 数据云功能特点
    8.2 数据云操作使用
    8.3 APP3种与数据云的通信方式


1. APICloud平台提供的数据通信能力

1.1 HTTP
支持标准的HTTP协议
在引擎级别通过Native方式实现
支持跨域异步请求,无浏览器中同源请求的数量限制

1.2 HTTPS
支持标准的HTTPS协议
支持双向的HTTPS证书
支持本地HTTPS证书加密

1.3 TCPUDP
支持标准的TCPUDP协议
封装了标准的Socket接口


2. APICloud数据通信相关API

2.1 HTTP请求
发送请求:http://docs.apicloud.com/Client-API/api#3
取消请求:api.cancelAjax()](http://docs.apicloud.com/Client-API/api#86

2.2 文件下载
开始下载:[api.download()](http://docs.apicloud.com/Client-API/api#17)
取消下载:[api.cancelDownload()](http://docs.apicloud.com/Client-API/api#8)


3. api.ajax的使用

超时:timeout
方法:methodgetpostputdeletehead
提交数据:data(streambodyvalues files)
返回数据类型:dataTypejsontext
缓存设置:cache(支持get请求)
请求头:headers
进度上报:report
返回完整response信息:returnAllret.headersret.bodyret.statusCode
客户端证书设置:certificate


4. 接口联调

HTTP + JSON是最常用的前后端数据通信方式

登录/注册
获取地区列表
获取商品分类
获取商品列表
获取商品详情


5. 窗口间通信机制

5.1 跨窗口调用函数
http://docs.apicloud.com/Client-API/api#18

5.2 自定义事件
http://docs.apicloud.com/Client-API/api#72


6. 常用对话框窗口使用

6.1
提示对话框
http://docs.apicloud.com/Client-API/api#4
http://docs.apicloud.com/Client-API/api#16
http://docs.apicloud.com/Client-API/api#35
http://docs.apicloud.com/Client-API/api#60

6.2
状态对话框
http://docs.apicloud.com/Client-API/api#50
http://docs.apicloud.com/Client-API/api#22

6.3
选择对话框
http://docs.apicloud.com/Client-API/api#1
http://docs.apicloud.com/Client-API/api#29

7. APICloud平台事件机制

7.1
全局事件管理



7.2 平台事件类型

事件名称全部小写

7.2.1 设备

电池电量:batterylow、batterystatus
物理按键:keyback、keymenu
音量按键:volumeup、volumedown

7.2.2 网络

网络状态:online、offline
云服务状态:smartupdatefinish

7.2.3 交互

手势:swipeup、swipedown、swipeleft、swiperight
滚动:scrolltobottom
点击:tap
长按:longpress
状态栏:noticeclicked
启动页:launchviewclicked

7.2.4 窗口

窗口显示:viewappear
窗口隐藏:viewdisappear

7.2.5 应用

回到前台:resume
进入后台:pause
被其他应用调用:appindent

7.2.6 自定义

7.3 事件监听机制

添加监听
删除监听
发送事件




3.2.png (113.6 KB, 下载次数: 388)

3.2.png

3.3.png (125.07 KB, 下载次数: 387)

3.3.png
it营
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-27 08:39 , Processed in 0.086097 second(s), 31 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表