APICloud 七天培訓(xùn)課 第三天

/ title: 7天培訓(xùn)課3 /

<style> </style>

第三天：了解APICloud平臺(tái)提供的數(shù)據(jù)通信能力，掌握APICloud數(shù)據(jù)通信相關(guān)API使用，按照服務(wù)端接口文檔進(jìn)行APP前后端接口聯(lián)調(diào)，將APP頁面中的靜態(tài)數(shù)據(jù)改為從服務(wù)端動(dòng)態(tài)獲取，并完成相關(guān)的業(yè)務(wù)邏輯。掌握APICloud平臺(tái)的事件管理機(jī)制，了解APICloud數(shù)據(jù)云功能和使用。

第三天課程源碼

教程更新：Github地址

學(xué)習(xí)目標(biāo)

• 如何實(shí)現(xiàn)前后端的數(shù)據(jù)通信，如何進(jìn)行接口聯(lián)調(diào)
• api.ajax的使用和注意事項(xiàng)
• 兩種窗口間的通信機(jī)制
• 如果使用APICloud數(shù)據(jù)云，推薦的調(diào)用方式

主要內(nèi)容

1. APICloud平臺(tái)提供的數(shù)據(jù)通信能力

1.1 HTTP

1.2 HTTPS

1.3 TCP／UDP

1. APICloud數(shù)據(jù)通信常用API使用

2.1 HTTP請(qǐng)求相關(guān)API

2.2 文件下載相關(guān)API

1. 使用api.ajax與服務(wù)端進(jìn)行數(shù)據(jù)通信

1. 按照服務(wù)端接口文檔，進(jìn)行APP與服務(wù)端的接口聯(lián)調(diào)

1. 窗口間通信機(jī)制

5.1 跨窗口調(diào)用函數(shù)

5.2 自定義事件

1. 常用對(duì)話框窗口使用

6.1 提示對(duì)話框

6.2 狀態(tài)對(duì)話框

6.3 選擇對(duì)話框

1. APICloud平臺(tái)事件機(jī)制

7.1 全局事件管理

7.2 平臺(tái)事件類型

7.3 事件監(jiān)聽機(jī)制

1. APICloud數(shù)據(jù)云

8.1 數(shù)據(jù)云功能特點(diǎn)

8.2 數(shù)據(jù)云操作使用

8.3 APP中3種與數(shù)據(jù)云的通信方式

<div id="P1"></div>

1. APICloud平臺(tái)提供的數(shù)據(jù)通信能力

1.1 HTTP

• 支持標(biāo)準(zhǔn)的HTTP協(xié)議
• 在引擎級(jí)別通過Native方式實(shí)現(xiàn)
• 支持跨域異步請(qǐng)求，無瀏覽器中同源請(qǐng)求的數(shù)量限制

1.2 HTTPS

• 支持標(biāo)準(zhǔn)的HTTPS協(xié)議
• 支持雙向的HTTPS證書
• 支持本地HTTPS證書加密

1.3 TCP／UDP

• 支持標(biāo)準(zhǔn)的TCP／UDP協(xié)議
• 封裝了標(biāo)準(zhǔn)的Socket接口

<div id="P2"></div>

2. APICloud數(shù)據(jù)通信相關(guān)API

2.1 HTTP請(qǐng)求

• 發(fā)送請(qǐng)求：api.ajax()
• 取消請(qǐng)求：api.cancelAjax()

2.2 文件下載

• 開始下載：api.download()
• 取消下載：api.cancelDownload()

<div id="P3"></div>

3. api.ajax的使用

• 超時(shí)：timeout
• 方法：method（get、post、put、delete、head）
• 提交數(shù)據(jù)：data(stream、body、values files)
• 返回?cái)?shù)據(jù)類型：dataType（json、text）
• 緩存設(shè)置：cache（支持get請(qǐng)求）
• 請(qǐng)求頭：headers
• 進(jìn)度上報(bào)：report
• 返回完整response信息：returnAll（ret.headers、ret.body，ret.statusCode）
• 客戶端證書設(shè)置：certificate

<div id="P4"></div>

4. 接口聯(lián)調(diào)

HTTP + JSON是最常用的前后端數(shù)據(jù)通信方式

• 登錄／注冊(cè)
• 獲取地區(qū)列表
• 獲取商品分類
• 獲取商品列表
• 獲取商品詳情

<div id="P5"></div>

5. 窗口間通信機(jī)制

5.1 跨窗口調(diào)用函數(shù)

• api.execScript()

5.2 自定義事件

• api.sendEvent();

<div id="P6"></div>

6. 常用對(duì)話框窗口使用

6.1 提示對(duì)話框

• api.alert()
• api.confirm()
• api.prompt()
• api.toast()

6.2 狀態(tài)對(duì)話框

• api.showProgress()
• api.hideProgress()

6.3 選擇對(duì)話框

• api.actionSheet()
• api.datePicker()

<div id="P7"></div>

7. APICloud平臺(tái)事件機(jī)制

7.1 全局事件管理

7.2 平臺(tái)事件類型

事件名稱全部小寫

7.2.1 設(shè)備

• 電池電量：batterylow、batterystatus
• 物理按鍵：keyback、keymenu
• 音量按鍵：volumeup、volumedown

7.2.2 網(wǎng)絡(luò)

• 網(wǎng)絡(luò)狀態(tài)：online、offline
• 云服務(wù)狀態(tài)：smartupdatefinish

7.2.3 交互

• 手勢(shì)：swipeup、swipedown、swipeleft、swiperight
• 滾動(dòng)：scrolltobottom
• 點(diǎn)擊：tap
• 長(zhǎng)按：longpress
• 狀態(tài)欄：noticeclicked
• 啟動(dòng)頁：launchviewclicked

7.2.4 窗口

• 窗口顯示：viewappear
• 窗口隱藏：viewdisappear

7.2.5 應(yīng)用

• 回到前臺(tái)：resume
• 進(jìn)入后臺(tái)：pause
• 被其他應(yīng)用調(diào)用：appindent

7.2.6 自定義

7.3 事件監(jiān)聽機(jī)制

• 添加監(jiān)聽：[api.addEventListener()]()
• 刪除監(jiān)聽：[api.removeEventListener()]()
• 發(fā)送事件：[api.sentEvent()]()

<div id="P8"></div>

8. APICloud數(shù)據(jù)云

云端一體架構(gòu)，簡(jiǎn)化應(yīng)用開發(fā)

8.1 數(shù)據(jù)云功能特點(diǎn)

• 無需搭建服務(wù)器、設(shè)計(jì)表結(jié)構(gòu)，無需編寫任何后端代碼
• 默認(rèn)內(nèi)置user, file, role等基礎(chǔ)數(shù)據(jù)模型，可以根據(jù)應(yīng)用需求，擴(kuò)展字段或自定義其他數(shù)據(jù)模型
• 在線可視化定義數(shù)據(jù)模型，根據(jù)數(shù)據(jù)模型自動(dòng)生成Restful API
• 在移動(dòng)端通過云API，操作云端數(shù)據(jù)模型，業(yè)務(wù)邏輯在APP端實(shí)現(xiàn)

8.2 數(shù)據(jù)云操作使用：

• 創(chuàng)建數(shù)據(jù)模型
• 添加模型管理
• 設(shè)置模型權(quán)限
• 測(cè)試模型接口

8.3 APP與數(shù)據(jù)云API通信：

8.3.1 接口簽名驗(yàn)證

• appId
• appKey
• 算法

8.3.2 3種調(diào)用方式

• 標(biāo)準(zhǔn) ajax 或 api.ajax
• APICloud mcm 模塊：user，file，model，query等
• APICloud mcm JS框架：
  • 開源分支
  • APICloud-rest.js
  • SHA1.js

推薦文檔：云API使用指南