微信小程序開發(fā)圖解案例第4章課件

4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.1請(qǐng)求服務(wù)器數(shù)據(jù)APIwx.request是用來請(qǐng)求服務(wù)器數(shù)據(jù)的API，它發(fā)起的是HTTPS請(qǐng)求，同時(shí)它需要在微信公眾平臺(tái)配置HTTPS服務(wù)器域名，一個(gè)月內(nèi)可申請(qǐng)3次修改，否則在有AppID創(chuàng)建的項(xiàng)目無(wú)法使用wx.request請(qǐng)求服務(wù)器數(shù)據(jù)的API，WebSocket會(huì)話、文件上傳下載服務(wù)器域名都是如此，配置服務(wù)器域名如圖所示。4.1請(qǐng)求服務(wù)器數(shù)據(jù)APIwx.request是用來請(qǐng)求服4.1請(qǐng)求服務(wù)器數(shù)據(jù)APIwx.request(object)參數(shù)說明如表所示。4.1請(qǐng)求服務(wù)器數(shù)據(jù)APIwx.request(objec4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.2.1

wx.uploadFile文件上傳wx.uploadFile(object)參數(shù)說明如表所示。4.2.1wx.uploadFile文件上傳wx.uplo4.2.2

wx.downloadFile文件下載wx.uploadFile是文件上傳的API，wx.downloadFile是文件下載的API，正好相反，它是從服務(wù)器獲得數(shù)據(jù)，將數(shù)據(jù)下載到微信小程序客戶端本地，參數(shù)說明如表所示。4.2.2wx.downloadFile文件下載wx.up4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.3WebSocket會(huì)話APIWebSocket會(huì)話用來創(chuàng)建一個(gè)會(huì)話連接，創(chuàng)建完會(huì)話連接后可以進(jìn)行通信，如同微信聊天和QQ聊天一樣。它會(huì)用到以下7個(gè)API的使用。

wx.connectSocket(OBJECT)創(chuàng)建一個(gè)會(huì)話連接。

wx.onSocketOpen(CALLBACK)監(jiān)聽WebSocket連接打開事件。

wx.onSocketError(CALLBACK)監(jiān)聽WebSocket錯(cuò)誤。

wx.sendSocketMessage(OBJECT)發(fā)送數(shù)據(jù)。

wx.onSocketMessage(CALLBACK)監(jiān)聽WebSocket接受到服務(wù)器的消息事件。

wx.closeSocket()關(guān)閉WebSocket連接。

wx.onSocketClose(CALLBACK)監(jiān)聽WebSocket關(guān)閉。4.3WebSocket會(huì)話APIWebSocket會(huì)話4.3WebSocket會(huì)話APIwx.connectSocket(object)參數(shù)說明如表所示。4.3WebSocket會(huì)話APIwx.connectS4.3WebSocket會(huì)話APIwx.sendSocketMessage(object)參數(shù)說明如表所示。4.3WebSocket會(huì)話APIwx.sendSoc4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.4.1

wx.chooseImage(OBJECT)選擇圖片wx.chooseImage選擇圖片API可以從本地相冊(cè)選擇圖片或使用相機(jī)拍照來選擇圖片，參數(shù)說明如表所示。4.4.1wx.chooseImage(OBJECT)選擇4.4.2

wx.previewImage(OBJECT)預(yù)覽圖片wx.previewImage預(yù)覽圖片API可以用來預(yù)覽多張圖片以及設(shè)置默認(rèn)顯示的圖片，參數(shù)說明如表所示。4.4.2wx.previewImage(OBJECT)預(yù)4.4.3

wx.getImageInfo(OBJECT)獲得圖片信息wx.getImageInfo用來獲得圖片信息，包括圖片的寬度、圖片的高度以及圖片返回的圖片路徑，參數(shù)說明如表所示。4.4.3wx.getImageInfo(OBJECT)獲4.4.3

wx.getImageInfo(OBJECT)獲得圖片信息success返回參數(shù)說明如表所示。4.4.3wx.getImageInfo(OBJECT)獲4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.5.1

wx.saveFile保存文件到本地wx.saveFile(object)可以根據(jù)文件的臨時(shí)路徑，將文件保存到本地，下次啟動(dòng)微信小程序的時(shí)候，仍然可以獲取到該文件，如果是臨時(shí)路徑，下次啟動(dòng)微信小程序的時(shí)候，就無(wú)法獲取到該文件。本地文件存儲(chǔ)的大小限制為10M。參數(shù)說明如表所示。4.5.1wx.saveFile保存文件到本地wx.sav4.5.2

wx.getSavedFileList獲取本地文件列表通過wx.saveFile可以將臨時(shí)文件保存到本地，成為本地文件，可以通過wx.getSavedFileList來獲取本地文件列表，獲取到wx.saveFile保存的文件，參數(shù)說明如表所示。4.5.2wx.getSavedFileList獲取本地文4.5.2

wx.getSavedFileList獲取本地文件列表success返回參數(shù)說明如表所示。4.5.2wx.getSavedFileList獲取本地文4.5.2

wx.getSavedFileList獲取本地文件列表fileList中的項(xiàng)目說明如表所示。4.5.2wx.getSavedFileList獲取本地文4.5.3

wx.getSavedFileInfo獲取本地文件信息wx.getSavedFileInfo獲取本地指定路徑的文件信息，包括文件的創(chuàng)建時(shí)間、文件的大小以及接口調(diào)用結(jié)果。wx.getSavedFileInfo參數(shù)說明如表所示。4.5.3wx.getSavedFileInfo獲取本地文4.5.3

wx.getSavedFileInfo獲取本地文件信息success返回參數(shù)說明如表所示。4.5.3wx.getSavedFileInfo獲取本地文4.5.4

wx.removeSavedFile刪除本地文件wx.saveFile用來將文件保存到本地，而wx.removeSavedFile用來刪除本地文件，參數(shù)說明如表所示。4.5.4wx.removeSavedFile刪除本地文件4.5.5

wx.openDocument打開文檔wx.openDocument可以打開doc、xls、ppt、pdf、docx、xlsx、pptx等多種格式的文檔，參數(shù)說明如表所示。4.5.5wx.openDocument打開文檔wx.op4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.6數(shù)據(jù)緩存API微信小程序數(shù)據(jù)緩存API用來處理數(shù)據(jù)緩存信息，可以將數(shù)據(jù)緩存到本地、獲取到本地緩存數(shù)據(jù)、移除緩存數(shù)據(jù)以及清理緩存數(shù)據(jù)。常用的數(shù)據(jù)緩存API有以下幾種。

wx.setStorage(OBJECT)異步方式將數(shù)據(jù)存儲(chǔ)在本地緩存中指定的key中。

wx.setStorageSync(KEY,DATA)同步方式將數(shù)據(jù)存儲(chǔ)在本地緩存中指定的key中。

wx.getStorage(OBJECT)異步方式從本地緩存中獲取指定key對(duì)應(yīng)的內(nèi)容。

wx.getStorageSync(KEY)同步方式從本地緩存中獲取指定key對(duì)應(yīng)的內(nèi)容。

wx.getStorageInfo(OBJECT)異步方式獲取當(dāng)前storage的相關(guān)信息。

wx.getStorageInfoSync(OBJECT)同步方式獲取當(dāng)前storage的相關(guān)信息。

wx.removeStorage(OBJECT)異步方式從本地緩存中移除指定的key。

wx.removeStorageSync(KEY)同步方式從本地緩存中移除指定的key。

wx.clearStorage()異步方式清理本地?cái)?shù)據(jù)緩存。

wx.clearStorageSync()同步方式清理本地?cái)?shù)據(jù)緩存。4.6數(shù)據(jù)緩存API微信小程序數(shù)據(jù)緩存API用來處理數(shù)據(jù)緩4.6.1數(shù)據(jù)緩存到本地異步方式將數(shù)據(jù)存儲(chǔ)到本地緩存中指定的key中，會(huì)覆蓋掉原來該key對(duì)應(yīng)的內(nèi)容，參數(shù)說明如表所示。1．wx.setStorage(OBJECT)4.6.1數(shù)據(jù)緩存到本地異步方式將數(shù)據(jù)存儲(chǔ)到本地緩存中指定4.6.1數(shù)據(jù)緩存到本地同步方式將數(shù)據(jù)存儲(chǔ)到本地指定的key中，會(huì)覆蓋掉原來該key對(duì)應(yīng)的內(nèi)容，相比于異步緩存數(shù)據(jù)，它更簡(jiǎn)練一些，參數(shù)說明如表所示。2．wx.setStorageSync(KEY,DATA)4.6.1數(shù)據(jù)緩存到本地同步方式將數(shù)據(jù)存儲(chǔ)到本地指定的ke4.6.2獲取本地緩存數(shù)據(jù)wx.getStorage(OBJECT)使用異步方式從本地緩存中獲取指定key對(duì)應(yīng)的內(nèi)容。參數(shù)說明如表所示。1．wx.getStorage(OBJECT)4.6.2獲取本地緩存數(shù)據(jù)wx.getStorage(OB4.6.2獲取本地緩存數(shù)據(jù)wx.getStorageSync(OBJECT)是一個(gè)同步的接口，用來從本地緩存中同步獲取指定key對(duì)應(yīng)的內(nèi)容。它只有一個(gè)參數(shù)，如表所示。2．wx.getStorageSync(OBJECT)4.6.2獲取本地緩存數(shù)據(jù)wx.getStorageSy4.6.2獲取本地緩存數(shù)據(jù)wx.getStorage和wx.getStorageSync這兩個(gè)接口都是從本地指定的key值來獲取數(shù)據(jù)，wx.getStorageInfo是異步方式獲取當(dāng)前storage的相關(guān)信息，是獲取所有key的值，參數(shù)說明如表所示。3．wx.getStorageInfo(OBJECT)4.6.2獲取本地緩存數(shù)據(jù)wx.getSto4.6.2獲取本地緩存數(shù)據(jù)success返回參數(shù)說明如表所示。3．wx.getStorageInfo(OBJECT)4.6.2獲取本地緩存數(shù)據(jù)success返回參數(shù)說明如表所4.6.3移除和清理本地緩存數(shù)據(jù)wx.removeStorage(OBJECT)用來異步從本地緩存中移除指定的key，參數(shù)說明如表所示。1.wx.removeStorage(OBJECT)4.6.3移除和清理本地緩存數(shù)據(jù)wx.removeStor4.6.3移除和清理本地緩存數(shù)據(jù)wx.removeStorageSync(OBJECT)用來同步從本地緩存中移除指定的key，它的效果和wx.removeStorage一樣，參數(shù)說明如表所示。2．wx.removeStorageSync(KEY)4.6.3移除和清理本地緩存數(shù)據(jù)wx.removeSto4.6.3移除和清理本地緩存數(shù)據(jù)wx.clearStorage()、wx.clearStorageSync()用來清理本地所有緩存數(shù)據(jù)，前者是異步清理緩存數(shù)據(jù)，后者是同步清理緩存數(shù)據(jù)。3．wx.clearStorage()、wx.clearStorageSync()4.6.3移除和清理本地緩存數(shù)據(jù)wx.clearStor4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.7.1獲得位置、選擇位置、打開位置使用wx.getLocation(OBJECT)可以獲得當(dāng)前位置信息，包括當(dāng)前位置的地理坐標(biāo)、速度，用戶離開小程序后，此接口無(wú)法調(diào)用；當(dāng)用戶單擊“顯示在聊天頂部”時(shí)，此接口可繼續(xù)調(diào)用。具體參數(shù)如表所示。1.wx.getLocation(OBJECT)獲得當(dāng)前位置4.7.1獲得位置、選擇位置、打開位置使用wx.getLo4.7.1獲得位置、選擇位置、打開位置success返回參數(shù)說明如表所示。1.wx.getLocation(OBJECT)獲得當(dāng)前位置4.7.1獲得位置、選擇位置、打開位置success返回參4.7.1獲得位置、選擇位置、打開位置使用wx.chooseLocation打開地圖來選擇位置，具體參數(shù)說明如表所示。2.wx.chooseLocation(OBJECT)選擇位置4.7.1獲得位置、選擇位置、打開位置使用wx.choos4.7.1獲得位置、選擇位置、打開位置success返回參數(shù)說明如表所示。2.wx.chooseLocation(OBJECT)選擇位置4.7.1獲得位置、選擇位置、打開位置success返回參4.7.1獲得位置、選擇位置、打開位置使用wx.openLocation(OBJECT)接口可以使用微信內(nèi)置地圖查看位置，具體參數(shù)說明如表所示。3．wx.openLocation(OBJECT)打開位置4.7.1獲得位置、選擇位置、打開位置使用wx.openL4.7.2地圖組件控制wx.createMapContext(mapId)地圖組件控制用來創(chuàng)建并返回map上下文mapContext對(duì)象，它有兩個(gè)方法：一個(gè)是getCenterLocation，獲取當(dāng)前地圖中心的經(jīng)緯度，返回的是GCJ-02坐標(biāo)系，可以用于wx.openLocation；另一個(gè)是moveToLocation，將地圖中心移動(dòng)到當(dāng)前定位點(diǎn)，需要配合map組件的show-location使用。getCenterLocation方法的具體參數(shù)說明如表4.31所示。4.7.2地圖組件控制wx.createMapContex4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.8.1獲得系統(tǒng)信息wx.getSystemInfo(OBJECT)用來異步獲取設(shè)備的系統(tǒng)信息，具體參數(shù)說明如表所示。1．wx.getSystemInfo(OBJECT)異步獲取系統(tǒng)信息4.8.1獲得系統(tǒng)信息wx.getSystemInfo(O4.8.1獲得系統(tǒng)信息success返回參數(shù)說明如表所示。1．wx.getSystemInfo(OBJECT)異步獲取系統(tǒng)信息4.8.1獲得系統(tǒng)信息success返回參數(shù)說明如表所示。4.8.1獲得系統(tǒng)信息wx.getSystemInfoSync用來同步獲取系統(tǒng)信息，它是沒有參數(shù)的，示例代碼如下。2．wx.getSystemInfoSync()同步獲取系統(tǒng)信息Page({onLoad:function(){try{varres=wx.getSystemInfoSync()console.log(“手機(jī)型號(hào)="+res.model)console.log(“設(shè)備像素比="+res.pixelRatio)console.log(“窗口寬度="+res.windowWidth)console.log(“窗口高度="+res.windowHeight)console.log(“微信設(shè)置的語(yǔ)言="+res.language)console.log(“微信版本號(hào)="+res.version)console.log(“操作系統(tǒng)版本="+res.system)console.log(“客戶端平臺(tái)="+res.platform)}catch(e){//Dosomethingwhencatcherror}}})4.8.1獲得系統(tǒng)信息wx.getSystemInfoS4.8.2獲取網(wǎng)絡(luò)狀態(tài)微信小程序使用wx.getNetworkType(OBJECT)來獲取網(wǎng)絡(luò)類型，網(wǎng)絡(luò)類型分為2g、3g、4g、wifi，具體參數(shù)如表所示。4.8.2獲取網(wǎng)絡(luò)狀態(tài)微信小程序使用wx.getNetwo4.8.3重力感應(yīng)微信小程序使用wx.onAccelerometerChange(CALLBACK)來進(jìn)行重力感應(yīng)，監(jiān)聽重力感應(yīng)數(shù)據(jù)，頻率為5次/秒，具體參數(shù)說明如表所示。4.8.3重力感應(yīng)微信小程序使用wx.onAccelero4.8.4羅盤微信小程序使用wx.onCompassChange(CALLBACK)來監(jiān)聽羅盤數(shù)據(jù)，頻率為5次/秒，具體參數(shù)說明如表所示。4.8.4羅盤微信小程序使用wx.onCompassCha4.8.5撥打電話微信小程序使用wx.makePhoneCall(OBJECT)來?yè)艽螂娫?，具體參數(shù)說明如表所示。4.8.5撥打電話微信小程序使用wx.makePhoneC4.8.6掃碼微信小程序使用wx.scanCode(OBJECT)來調(diào)起客戶端掃碼界面，掃碼成功后返回對(duì)應(yīng)的結(jié)果，具體參數(shù)說明如表所示。4.8.6掃碼微信小程序使用wx.scanCode(OBJ4.8.6掃碼success返回參數(shù)說明如表所示。4.8.6掃碼success返回參數(shù)說明如表所示。4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.9.1消息提示框消息提示框經(jīng)常用來提交成功或者加載中的一種友好提示方式，如圖所示。4.9.1消息提示框消息提示框經(jīng)常用來提交成功或者加載中的4.9.1消息提示框可以設(shè)置提示框的內(nèi)容、類型、時(shí)間以及相應(yīng)的事件，如果想顯示消息提示框，可以使用wx.showToast(OBJECT)的API，它的具體參數(shù)說明如表所示。4.9.1消息提示框可以設(shè)置提示框的內(nèi)容、類型、時(shí)間以及相4.9.2模態(tài)彈窗模態(tài)彈窗是對(duì)整個(gè)界面進(jìn)行覆蓋，防止用戶對(duì)界面中的其他內(nèi)容進(jìn)行操作，如圖所示。4.9.2模態(tài)彈窗模態(tài)彈窗是對(duì)整個(gè)界面進(jìn)行覆蓋，防止用戶對(duì)4.9.2模態(tài)彈窗使用wx.showModal(OBJECT)顯示模態(tài)彈窗，可以設(shè)置提示的標(biāo)題、提示的內(nèi)容、“取消”按鈕和樣式、“確定”按鈕和樣式以及一些綁定的事件，具體參數(shù)說明如表所示。4.9.2模態(tài)彈窗使用wx.showModal(OBJE4.9.3操作菜單在App軟件里，經(jīng)常可以看到會(huì)從底部彈出很多選項(xiàng)供我們選擇，也可以取消選擇，如所示。4.9.3操作菜單在App軟件里，經(jīng)?？梢钥吹綍?huì)從底部彈出4.9.3操作菜單在微信小程序里，同樣可以實(shí)現(xiàn)這樣的效果，需要使用wx.showActionSheet(OBJECT)顯示操作菜單這個(gè)API接口，具體參數(shù)如表所示。4.9.3操作菜單在微信小程序里，同樣可以實(shí)現(xiàn)這樣的效果，4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.10登錄API微信小程序的登錄是必不可少的環(huán)節(jié)，它的登錄可以簡(jiǎn)單理解為以下幾個(gè)步驟。使用wx.login獲取code值。拿到code值后再加上AppID、secret（在公眾開發(fā)平臺(tái)AppID下）、grant_type授權(quán)類型去請(qǐng)求路徑/sns/jscode2session，來獲取session_key。拿到session_key可以生成自己的3rd_session存儲(chǔ)在storage。后續(xù)用戶進(jìn)入微信小程序，先從storage獲得3rd_session，再根據(jù)這個(gè)去查找合法的session_key。4.10登錄API微信小程序的登錄是必不可少的環(huán)節(jié)，它的登4.10登錄API登錄時(shí)序圖如圖所示。4.10登錄API登錄時(shí)序圖如圖所示。4.10登錄API微信小程序使用wx.login接口來獲取登錄憑證（code），進(jìn)而換取用戶登錄態(tài)信息，包括用戶的唯一標(biāo)識(shí)（openid）及本次登錄的會(huì)話密鑰（session_key）。用戶數(shù)據(jù)的加解密通信需要依賴會(huì)話密鑰完成。具體參數(shù)說明如表所示。1．wx.login(OBJECT)獲取登錄憑證code4.10登錄API微信小程序使用wx.login接口來獲取4.10登錄APIsuccess返回參數(shù)說明如表所示。1．wx.login(OBJECT)獲取登錄憑證code4.10登錄APIsuccess返回參數(shù)說明如表所示。1．4.10登錄API/sns/jscode2session是一個(gè)HTTPS接口，開發(fā)者服務(wù)器使用登錄憑證code獲取session_key和openid。其中，session_key是對(duì)用戶數(shù)據(jù)進(jìn)行加密簽名的密鑰。為了自身應(yīng)用安全，session_key不應(yīng)該在網(wǎng)絡(luò)上傳輸。接口地址為/sns/jscode2session?Appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code。2．code換取session_key4.10登錄APIhttps://api.weixin.q4.10登錄API返回參數(shù)說明如表

所示。2．code換取session_key4.10登錄API返回參數(shù)說明如表所示。2．code換4.10登錄API微信小程序可以使用wx.checkSession(OBJECT)檢查登錄態(tài)是否過期，如果過期就重新登錄，具體參數(shù)說明如表所示。3．wx.checkSession(OBJECT)檢查登陸態(tài)是否過期4.10登錄API微信小程序可以使用wx.checkSes4.10登錄API微信小程序使用wx.getUserInfo(OBJECT)來獲取用戶信息，在獲取用戶信息之前，需要調(diào)用wx.login接口，只有用戶在登錄狀態(tài)，才能獲取到用戶的相關(guān)信息。具體參數(shù)說明如表所示。4．wx.getUserInfo(OBJECT)獲取用戶信息4.10登錄API微信小程序使用wx.getUserInf4.10登錄APIsuccess返回參數(shù)說明如表所示。4．wx.getUserInfo(OBJECT)獲取用戶信息4.10登錄APIsuccess返回參數(shù)說明如表所示。4．4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.11微信支付API微信支付主要有5個(gè)步驟：小程序內(nèi)調(diào)用登錄接口、商戶server調(diào)用支付統(tǒng)一下單、商戶server調(diào)用再次簽名、商戶server接收支付通知、商戶server查詢支付結(jié)果，小程序支付的交互過程如圖所示。4.11微信支付API微信支付主要有5個(gè)步驟：小程序內(nèi)調(diào)4.11微信支付API微信小程序提供了微信支付接口，可以使wx.requestPayment(OBJECT)來進(jìn)行微信支付，具體參數(shù)說明如表所示。4.11微信支付API微信小程序提供了微信支付接口，可以4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A沙場(chǎng)大練兵/豆瓣電影App是一款用來購(gòu)買電影票、查看影評(píng)的軟件，其主界面如圖所示。仿豆瓣電影微信小程序沙場(chǎng)大練兵/豆瓣電影App是一款用來購(gòu)買電影票、查看影評(píng)的軟4.13.1電影頂部頁(yè)簽切換效果在電影界面的頂部有3個(gè)頁(yè)簽：上映、影院、我看，頁(yè)簽的切換，會(huì)帶動(dòng)相應(yīng)的內(nèi)容進(jìn)行切換展示。我們采用頂部頁(yè)簽切換效果，來完成各個(gè)頁(yè)面的切換展示，如圖所示。4.13沙場(chǎng)大練兵：仿豆瓣電影微信小程序2.9.2宮格導(dǎo)航設(shè)計(jì)海報(bào)輪播效果是很多App軟件和網(wǎng)站都會(huì)采用的一種方式，在有限的區(qū)域內(nèi)動(dòng)態(tài)地展示商品圖片信息或者廣告信息，豆瓣電影里也有海報(bào)輪播效果，如圖所示。4.13.2電影海報(bào)輪播效果4.13.1電影頂部頁(yè)簽切換效果在電影界面的頂部有3個(gè)頁(yè)簽4.13.3電影列表方式布局豆瓣電影的電影列表采用每行3列的方式來進(jìn)行布局，顯示電影海報(bào)和電影名稱，如圖所示。4.13沙場(chǎng)大練兵：仿豆瓣電影微信小程序4.13.3電影列表方式布局豆瓣電影的電影列表采用每行3列4.13沙場(chǎng)大練兵：仿豆瓣電影微信小程序2.9.2宮格導(dǎo)航設(shè)計(jì)在電影列表界面里，單擊電影海報(bào)圖片，可以查看具體的電影詳情。電影詳情頁(yè)在頂部也是采用頁(yè)簽切換的方式進(jìn)行布局，布局方式和電影頁(yè)面一致。頁(yè)簽的下面是介紹電影相關(guān)信息的區(qū)域，接著是“我想看”和“看過了”兩個(gè)按鈕，再往下是電影介紹、導(dǎo)演演員列表的展現(xiàn)，如圖所示。4.13.4電影詳情頁(yè)布局4.13沙場(chǎng)大練兵：仿豆瓣電影微信小程序2.9.2宮格導(dǎo)4.13.5項(xiàng)目上傳與預(yù)覽項(xiàng)目開發(fā)完后，可以上傳到微信小程序服務(wù)器上。4.13沙場(chǎng)大練兵：仿豆瓣電影微信小程序2.9.2宮格導(dǎo)航設(shè)計(jì)4.13.5項(xiàng)目上傳與預(yù)覽項(xiàng)目開發(fā)完后，可以上傳到微信小程4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.1請(qǐng)求服務(wù)器數(shù)據(jù)APIwx.request是用來請(qǐng)求服務(wù)器數(shù)據(jù)的API，它發(fā)起的是HTTPS請(qǐng)求，同時(shí)它需要在微信公眾平臺(tái)配置HTTPS服務(wù)器域名，一個(gè)月內(nèi)可申請(qǐng)3次修改，否則在有AppID創(chuàng)建的項(xiàng)目無(wú)法使用wx.request請(qǐng)求服務(wù)器數(shù)據(jù)的API，WebSocket會(huì)話、文件上傳下載服務(wù)器域名都是如此，配置服務(wù)器域名如圖所示。4.1請(qǐng)求服務(wù)器數(shù)據(jù)APIwx.request是用來請(qǐng)求服4.1請(qǐng)求服務(wù)器數(shù)據(jù)APIwx.request(object)參數(shù)說明如表所示。4.1請(qǐng)求服務(wù)器數(shù)據(jù)APIwx.request(objec4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.2.1

wx.uploadFile文件上傳wx.uploadFile(object)參數(shù)說明如表所示。4.2.1wx.uploadFile文件上傳wx.uplo4.2.2

wx.downloadFile文件下載wx.uploadFile是文件上傳的API，wx.downloadFile是文件下載的API，正好相反，它是從服務(wù)器獲得數(shù)據(jù)，將數(shù)據(jù)下載到微信小程序客戶端本地，參數(shù)說明如表所示。4.2.2wx.downloadFile文件下載wx.up4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.3WebSocket會(huì)話APIWebSocket會(huì)話用來創(chuàng)建一個(gè)會(huì)話連接，創(chuàng)建完會(huì)話連接后可以進(jìn)行通信，如同微信聊天和QQ聊天一樣。它會(huì)用到以下7個(gè)API的使用。

wx.connectSocket(OBJECT)創(chuàng)建一個(gè)會(huì)話連接。

wx.onSocketOpen(CALLBACK)監(jiān)聽WebSocket連接打開事件。

wx.onSocketError(CALLBACK)監(jiān)聽WebSocket錯(cuò)誤。

wx.sendSocketMessage(OBJECT)發(fā)送數(shù)據(jù)。

wx.onSocketMessage(CALLBACK)監(jiān)聽WebSocket接受到服務(wù)器的消息事件。

wx.closeSocket()關(guān)閉WebSocket連接。

wx.onSocketClose(CALLBACK)監(jiān)聽WebSocket關(guān)閉。4.3WebSocket會(huì)話APIWebSocket會(huì)話4.3WebSocket會(huì)話APIwx.connectSocket(object)參數(shù)說明如表所示。4.3WebSocket會(huì)話APIwx.connectS4.3WebSocket會(huì)話APIwx.sendSocketMessage(object)參數(shù)說明如表所示。4.3WebSocket會(huì)話APIwx.sendSoc4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.4.1

wx.chooseImage(OBJECT)選擇圖片wx.chooseImage選擇圖片API可以從本地相冊(cè)選擇圖片或使用相機(jī)拍照來選擇圖片，參數(shù)說明如表所示。4.4.1wx.chooseImage(OBJECT)選擇4.4.2

wx.previewImage(OBJECT)預(yù)覽圖片wx.previewImage預(yù)覽圖片API可以用來預(yù)覽多張圖片以及設(shè)置默認(rèn)顯示的圖片，參數(shù)說明如表所示。4.4.2wx.previewImage(OBJECT)預(yù)4.4.3

wx.getImageInfo(OBJECT)獲得圖片信息wx.getImageInfo用來獲得圖片信息，包括圖片的寬度、圖片的高度以及圖片返回的圖片路徑，參數(shù)說明如表所示。4.4.3wx.getImageInfo(OBJECT)獲4.4.3

wx.getImageInfo(OBJECT)獲得圖片信息success返回參數(shù)說明如表所示。4.4.3wx.getImageInfo(OBJECT)獲4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.5.1

wx.saveFile保存文件到本地wx.saveFile(object)可以根據(jù)文件的臨時(shí)路徑，將文件保存到本地，下次啟動(dòng)微信小程序的時(shí)候，仍然可以獲取到該文件，如果是臨時(shí)路徑，下次啟動(dòng)微信小程序的時(shí)候，就無(wú)法獲取到該文件。本地文件存儲(chǔ)的大小限制為10M。參數(shù)說明如表所示。4.5.1wx.saveFile保存文件到本地wx.sav4.5.2

wx.getSavedFileList獲取本地文件列表通過wx.saveFile可以將臨時(shí)文件保存到本地，成為本地文件，可以通過wx.getSavedFileList來獲取本地文件列表，獲取到wx.saveFile保存的文件，參數(shù)說明如表所示。4.5.2wx.getSavedFileList獲取本地文4.5.2

wx.getSavedFileList獲取本地文件列表success返回參數(shù)說明如表所示。4.5.2wx.getSavedFileList獲取本地文4.5.2

wx.getSavedFileList獲取本地文件列表fileList中的項(xiàng)目說明如表所示。4.5.2wx.getSavedFileList獲取本地文4.5.3

wx.getSavedFileInfo獲取本地文件信息wx.getSavedFileInfo獲取本地指定路徑的文件信息，包括文件的創(chuàng)建時(shí)間、文件的大小以及接口調(diào)用結(jié)果。wx.getSavedFileInfo參數(shù)說明如表所示。4.5.3wx.getSavedFileInfo獲取本地文4.5.3

wx.getSavedFileInfo獲取本地文件信息success返回參數(shù)說明如表所示。4.5.3wx.getSavedFileInfo獲取本地文4.5.4

wx.removeSavedFile刪除本地文件wx.saveFile用來將文件保存到本地，而wx.removeSavedFile用來刪除本地文件，參數(shù)說明如表所示。4.5.4wx.removeSavedFile刪除本地文件4.5.5

wx.openDocument打開文檔wx.openDocument可以打開doc、xls、ppt、pdf、docx、xlsx、pptx等多種格式的文檔，參數(shù)說明如表所示。4.5.5wx.openDocument打開文檔wx.op4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.6數(shù)據(jù)緩存API微信小程序數(shù)據(jù)緩存API用來處理數(shù)據(jù)緩存信息，可以將數(shù)據(jù)緩存到本地、獲取到本地緩存數(shù)據(jù)、移除緩存數(shù)據(jù)以及清理緩存數(shù)據(jù)。常用的數(shù)據(jù)緩存API有以下幾種。

wx.setStorage(OBJECT)異步方式將數(shù)據(jù)存儲(chǔ)在本地緩存中指定的key中。

wx.setStorageSync(KEY,DATA)同步方式將數(shù)據(jù)存儲(chǔ)在本地緩存中指定的key中。

wx.getStorage(OBJECT)異步方式從本地緩存中獲取指定key對(duì)應(yīng)的內(nèi)容。

wx.getStorageSync(KEY)同步方式從本地緩存中獲取指定key對(duì)應(yīng)的內(nèi)容。

wx.getStorageInfo(OBJECT)異步方式獲取當(dāng)前storage的相關(guān)信息。

wx.getStorageInfoSync(OBJECT)同步方式獲取當(dāng)前storage的相關(guān)信息。

wx.removeStorage(OBJECT)異步方式從本地緩存中移除指定的key。

wx.removeStorageSync(KEY)同步方式從本地緩存中移除指定的key。

wx.clearStorage()異步方式清理本地?cái)?shù)據(jù)緩存。

wx.clearStorageSync()同步方式清理本地?cái)?shù)據(jù)緩存。4.6數(shù)據(jù)緩存API微信小程序數(shù)據(jù)緩存API用來處理數(shù)據(jù)緩4.6.1數(shù)據(jù)緩存到本地異步方式將數(shù)據(jù)存儲(chǔ)到本地緩存中指定的key中，會(huì)覆蓋掉原來該key對(duì)應(yīng)的內(nèi)容，參數(shù)說明如表所示。1．wx.setStorage(OBJECT)4.6.1數(shù)據(jù)緩存到本地異步方式將數(shù)據(jù)存儲(chǔ)到本地緩存中指定4.6.1數(shù)據(jù)緩存到本地同步方式將數(shù)據(jù)存儲(chǔ)到本地指定的key中，會(huì)覆蓋掉原來該key對(duì)應(yīng)的內(nèi)容，相比于異步緩存數(shù)據(jù)，它更簡(jiǎn)練一些，參數(shù)說明如表所示。2．wx.setStorageSync(KEY,DATA)4.6.1數(shù)據(jù)緩存到本地同步方式將數(shù)據(jù)存儲(chǔ)到本地指定的ke4.6.2獲取本地緩存數(shù)據(jù)wx.getStorage(OBJECT)使用異步方式從本地緩存中獲取指定key對(duì)應(yīng)的內(nèi)容。參數(shù)說明如表所示。1．wx.getStorage(OBJECT)4.6.2獲取本地緩存數(shù)據(jù)wx.getStorage(OB4.6.2獲取本地緩存數(shù)據(jù)wx.getStorageSync(OBJECT)是一個(gè)同步的接口，用來從本地緩存中同步獲取指定key對(duì)應(yīng)的內(nèi)容。它只有一個(gè)參數(shù)，如表所示。2．wx.getStorageSync(OBJECT)4.6.2獲取本地緩存數(shù)據(jù)wx.getStorageSy4.6.2獲取本地緩存數(shù)據(jù)wx.getStorage和wx.getStorageSync這兩個(gè)接口都是從本地指定的key值來獲取數(shù)據(jù)，wx.getStorageInfo是異步方式獲取當(dāng)前storage的相關(guān)信息，是獲取所有key的值，參數(shù)說明如表所示。3．wx.getStorageInfo(OBJECT)4.6.2獲取本地緩存數(shù)據(jù)wx.getSto4.6.2獲取本地緩存數(shù)據(jù)success返回參數(shù)說明如表所示。3．wx.getStorageInfo(OBJECT)4.6.2獲取本地緩存數(shù)據(jù)success返回參數(shù)說明如表所4.6.3移除和清理本地緩存數(shù)據(jù)wx.removeStorage(OBJECT)用來異步從本地緩存中移除指定的key，參數(shù)說明如表所示。1.wx.removeStorage(OBJECT)4.6.3移除和清理本地緩存數(shù)據(jù)wx.removeStor4.6.3移除和清理本地緩存數(shù)據(jù)wx.removeStorageSync(OBJECT)用來同步從本地緩存中移除指定的key，它的效果和wx.removeStorage一樣，參數(shù)說明如表所示。2．wx.removeStorageSync(KEY)4.6.3移除和清理本地緩存數(shù)據(jù)wx.removeSto4.6.3移除和清理本地緩存數(shù)據(jù)wx.clearStorage()、wx.clearStorageSync()用來清理本地所有緩存數(shù)據(jù)，前者是異步清理緩存數(shù)據(jù)，后者是同步清理緩存數(shù)據(jù)。3．wx.clearStorage()、wx.clearStorageSync()4.6.3移除和清理本地緩存數(shù)據(jù)wx.clearStor4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.7.1獲得位置、選擇位置、打開位置使用wx.getLocation(OBJECT)可以獲得當(dāng)前位置信息，包括當(dāng)前位置的地理坐標(biāo)、速度，用戶離開小程序后，此接口無(wú)法調(diào)用；當(dāng)用戶單擊“顯示在聊天頂部”時(shí)，此接口可繼續(xù)調(diào)用。具體參數(shù)如表所示。1.wx.getLocation(OBJECT)獲得當(dāng)前位置4.7.1獲得位置、選擇位置、打開位置使用wx.getLo4.7.1獲得位置、選擇位置、打開位置success返回參數(shù)說明如表所示。1.wx.getLocation(OBJECT)獲得當(dāng)前位置4.7.1獲得位置、選擇位置、打開位置success返回參4.7.1獲得位置、選擇位置、打開位置使用wx.chooseLocation打開地圖來選擇位置，具體參數(shù)說明如表所示。2.wx.chooseLocation(OBJECT)選擇位置4.7.1獲得位置、選擇位置、打開位置使用wx.choos4.7.1獲得位置、選擇位置、打開位置success返回參數(shù)說明如表所示。2.wx.chooseLocation(OBJECT)選擇位置4.7.1獲得位置、選擇位置、打開位置success返回參4.7.1獲得位置、選擇位置、打開位置使用wx.openLocation(OBJECT)接口可以使用微信內(nèi)置地圖查看位置，具體參數(shù)說明如表所示。3．wx.openLocation(OBJECT)打開位置4.7.1獲得位置、選擇位置、打開位置使用wx.openL4.7.2地圖組件控制wx.createMapContext(mapId)地圖組件控制用來創(chuàng)建并返回map上下文mapContext對(duì)象，它有兩個(gè)方法：一個(gè)是getCenterLocation，獲取當(dāng)前地圖中心的經(jīng)緯度，返回的是GCJ-02坐標(biāo)系，可以用于wx.openLocation；另一個(gè)是moveToLocation，將地圖中心移動(dòng)到當(dāng)前定位點(diǎn)，需要配合map組件的show-location使用。getCenterLocation方法的具體參數(shù)說明如表4.31所示。4.7.2地圖組件控制wx.createMapContex4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.8.1獲得系統(tǒng)信息wx.getSystemInfo(OBJECT)用來異步獲取設(shè)備的系統(tǒng)信息，具體參數(shù)說明如表所示。1．wx.getSystemInfo(OBJECT)異步獲取系統(tǒng)信息4.8.1獲得系統(tǒng)信息wx.getSystemInfo(O4.8.1獲得系統(tǒng)信息success返回參數(shù)說明如表所示。1．wx.getSystemInfo(OBJECT)異步獲取系統(tǒng)信息4.8.1獲得系統(tǒng)信息success返回參數(shù)說明如表所示。4.8.1獲得系統(tǒng)信息wx.getSystemInfoSync用來同步獲取系統(tǒng)信息，它是沒有參數(shù)的，示例代碼如下。2．wx.getSystemInfoSync()同步獲取系統(tǒng)信息Page({onLoad:function(){try{varres=wx.getSystemInfoSync()console.log(“手機(jī)型號(hào)="+res.model)console.log(“設(shè)備像素比="+res.pixelRatio)console.log(“窗口寬度="+res.windowWidth)console.log(“窗口高度="+res.windowHeight)console.log(“微信設(shè)置的語(yǔ)言="+res.language)console.log(“微信版本號(hào)="+res.version)console.log(“操作系統(tǒng)版本="+res.system)console.log(“客戶端平臺(tái)="+res.platform)}catch(e){//Dosomethingwhencatcherror}}})4.8.1獲得系統(tǒng)信息wx.getSystemInfoS4.8.2獲取網(wǎng)絡(luò)狀態(tài)微信小程序使用wx.getNetworkType(OBJECT)來獲取網(wǎng)絡(luò)類型，網(wǎng)絡(luò)類型分為2g、3g、4g、wifi，具體參數(shù)如表所示。4.8.2獲取網(wǎng)絡(luò)狀態(tài)微信小程序使用wx.getNetwo4.8.3重力感應(yīng)微信小程序使用wx.onAccelerometerChange(CALLBACK)來進(jìn)行重力感應(yīng)，監(jiān)聽重力感應(yīng)數(shù)據(jù)，頻率為5次/秒，具體參數(shù)說明如表所示。4.8.3重力感應(yīng)微信小程序使用wx.onAccelero4.8.4羅盤微信小程序使用wx.onCompassChange(CALLBACK)來監(jiān)聽羅盤數(shù)據(jù)，頻率為5次/秒，具體參數(shù)說明如表所示。4.8.4羅盤微信小程序使用wx.onCompassCha4.8.5撥打電話微信小程序使用wx.makePhoneCall(OBJECT)來?yè)艽螂娫?，具體參數(shù)說明如表所示。4.8.5撥打電話微信小程序使用wx.makePhoneC4.8.6掃碼微信小程序使用wx.scanCode(OBJECT)來調(diào)起客戶端掃碼界面，掃碼成功后返回對(duì)應(yīng)的結(jié)果，具體參數(shù)說明如表所示。4.8.6掃碼微信小程序使用wx.scanCode(OBJ4.8.6掃碼success返回參數(shù)說明如表所示。4.8.6掃碼success返回參數(shù)說明如表所示。4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.9.1消息提示框消息提示框經(jīng)常用來提交成功或者加載中的一種友好提示方式，如圖所示。4.9.1消息提示框消息提示框經(jīng)常用來提交成功或者加載中的4.9.1消息提示框可以設(shè)置提示框的內(nèi)容、類型、時(shí)間以及相應(yīng)的事件，如果想顯示消息提示框，可以使用wx.showToast(OBJECT)的API，它的具體參數(shù)說明如表所示。4.9.1消息提示框可以設(shè)置提示框的內(nèi)容、類型、時(shí)間以及相4.9.2模態(tài)彈窗模態(tài)彈窗是對(duì)整個(gè)界面進(jìn)行覆蓋，防止用戶對(duì)界面中的其他內(nèi)容進(jìn)行操作，如圖所示。4.9.2模態(tài)彈窗模態(tài)彈窗是對(duì)整個(gè)界面進(jìn)行覆蓋，防止用戶對(duì)4.9.2模態(tài)彈窗使用wx.showModal(OBJECT)顯示模態(tài)彈窗，可以設(shè)置提示的標(biāo)題、提示的內(nèi)容、“取消”按鈕和樣式、“確定”按鈕和樣式以及一些綁定的事件，具體參數(shù)說明如表所示。4.9.2模態(tài)彈窗使用wx.showModal(OBJE4.9.3操作菜單在App軟件里，經(jīng)常可以看到會(huì)從底部彈出很多選項(xiàng)供我們選擇，也可以取消選擇，如所示。4.9.3操作菜單在App軟件里，經(jīng)?？梢钥吹綍?huì)從底部彈出4.9.3操作菜單在微信小程序里，同樣可以實(shí)現(xiàn)這樣的效果，需要使用wx.showActionSheet(OBJECT)顯示操作菜單這個(gè)API接口，具體參數(shù)如表所示。4.9.3操作菜單在微信小程序里，同樣可以實(shí)現(xiàn)這樣的效果，4.2文件上傳與下載API4.3WebSocket會(huì)話API4.4圖片處理API4.5文件操作API4.6數(shù)據(jù)緩存API4.7位置信息API4.13沙場(chǎng)大練兵：

仿豆瓣電影微信小程序目錄contents4.1請(qǐng)求服務(wù)器數(shù)據(jù)API4.8設(shè)備應(yīng)用API4.9交互反饋API4.10登錄API4.11微信支付API4.12分享API4.2文件上傳與下載API4.3WebSocket會(huì)話A4.10登錄API微信小程序的登錄是必不可少的環(huán)節(jié)，它的登錄可以簡(jiǎn)單理解為以下幾個(gè)步驟。使用wx.login獲取code值。拿到code值后再加上AppID、secret（在公眾開發(fā)平臺(tái)AppID下）、grant_type授權(quán)類型去請(qǐng)求路徑/sns/jscode2session，來獲取session_key。拿到session_key可以生成自己的3rd_session存儲(chǔ)在storage。后續(xù)用戶進(jìn)入微信小程序，先從storage獲得3rd_session，再根據(jù)這個(gè)去查找合法的session_key。4.10登錄API微信小程序的登錄是必不可少的環(huán)節(jié)，它的登4.10登錄API登錄時(shí)序圖如圖所示。4.10登錄API登錄時(shí)序圖如圖所示。4.10登錄