微信小程序開發(fā)

1、微信小程序開發(fā)（六）第六章APIAPI框架總覽（繪圖API專列章學習,暫略）網(wǎng)絡(luò)媒體數(shù)據(jù)位置設(shè)備開放窗 口繪圖第1節(jié)網(wǎng)絡(luò)API13 onAccelerometerChange1.發(fā)送請求:(object)+數(shù)據(jù)請求(url:url,data:object,method:get|post,dataType:json,header:content-type:application/json, success:function(res)var data=, fail:function(),2.上傳下載:(object)|(object)+選取一個圖片上傳+下載一段音樂播放(Success:funct

2、ion(res)url:url,Var tmp=type:audio,(success:function(res)url:url,(filePath:)filePath:tmp0,name: file)formData:user:test3.嵌套字:+連接(url:url,data:data,header:,method:get|post)+打開(function(res)+出錯(function(res)+發(fā)數(shù)據(jù)(data:msg)+發(fā)消息(回調(diào))(function(res) )+關(guān)閉第2節(jié)媒體API1 .圖片：+選圖(count:1,sizetype:,sourceType:album,c

3、amera,success:function(res)+預覽2 . 求日：+求曰(success:function(),fail:function()+停止3 .音頻控制:+播放(filePath:xxxx,comlete:function()+暫停()+停止4.音樂控制：+獲狀態(tài)(success:function(res)|dataU川currentPosition|duration)+播放(dataUrl:xx,title:xx,coverImgUrl:xx)+暫停()+定位(position:60)5 .視頻:+表現(xiàn)層<view><videosrc= ” src ” &

4、gt;</video><buttonbindTap=" getVideo ” >get</b6 .首頻組件控制：+邏輯層Page(Data:src:xxx, getVideo:function() var that=this;(sourceType:口,success:function(res) (src: )+創(chuàng)建上下文Var ctx=(audioId)+播放()+暫停()+進到(n)+從頭(0)+停止()7 .視頻組件控制：+創(chuàng)建上下文Var ctx=(videoId)+發(fā)送彈幕(text:xxxx,color:#xxxxxx)8 .文件:+保存文件

5、(tempFilePath:xxx,success:function(res)+獲已保存文件列表(success:function(res)var list=)+獲已保存文件信息(filePath:xxx,success:function(res)+移除已保存文件(filePath:xxx,complete:function(res)+打開文件(filePath:xxx,success:function(res)第3節(jié)數(shù)據(jù)API+設(shè)置數(shù)據(jù)(key:xxx,value:xxx)+獲取數(shù)據(jù)(key:xxx,success:function(res)+清空數(shù)據(jù)()+設(shè);置數(shù)據(jù)(異步)(key:xxx

6、,value:xxx)+獲取數(shù)據(jù)(異步)(key:xxx,success:function(res)+清空數(shù)據(jù)(異步)()第4節(jié)位置API1 .位置:)+獲取位置(type:xxx,success:function(res)+打開位置(latitude:xx,longItude:xx,scale:xx)+選擇位置(success:function(res) )2 .地圖組件：+創(chuàng)建上下文Var ctx=(mapId)+中心打開(success:function(res)+移動位置(success:function(res)第5節(jié)設(shè)備API1 .系統(tǒng)信息：+同步獲取信息(success: fun

7、ction(res) )+異步獲取信息(success:function(res) )2 .網(wǎng)絡(luò)類型:+網(wǎng)絡(luò)類型(success: function(res) none,var networkType = /返回網(wǎng)絡(luò)類型 2g, 3g, 4g, wifi,unknown)3 . 重力感應：+重力感應(function(res) )4 .羅盤指南:+羅盤指南(function (res) )5 .撥打電話：+撥打電話(phoneNumber:'')6 .掃碼:+掃碼(success: function(res) (res)7 .剪貼板：+加入剪貼板(data:xx,success

8、:function(res) )+讀取剪貼板(success:function(res)var data=)8 .籃牙:+籃牙( success: function (res) (res) )第6節(jié)窗口 API1 .互動操作：+自消窗口(title:xx,icon:xx,duration:xx)+對話框(title:xx)+對話框(模態(tài))(title:xx,content:xx,success:function(res)+活動頁簽(itemList:,success:function(res)2 .導航設(shè)置：+設(shè)標題(title:xxx)+顯動畫()+隱動畫()3 .導航操控：+轉(zhuǎn)到(url:

9、xx,success:function(res)+重定向(url:xx;success:funtion(res) )+重載(url:xx,success:function(res)+切頁(url:xxx)+返回(delta:xx)4 .動畫操作：+創(chuàng)建動畫Var ani=( transformOrign:xx, duration:xx, timingFunction:xx)+具體方法(略)第7節(jié)繪圖API詳述于第七章.第8節(jié)開放接口 API1.小程序登錄API=登錄微信：+登錄微信(success:function()+檢查會話(success:function(),fail:function

10、()=簽名驗證|加密解密為了確保開放接口返回用戶數(shù)據(jù)的安全性，微信會對明文數(shù)據(jù)進行簽名。開發(fā)者可以根據(jù)業(yè)務(wù)需要對數(shù)據(jù)包進行簽名校驗，確保數(shù)據(jù)的完整性。簽名校驗算法涉及用戶的session_key ,通過登錄流程獲取用戶session_key ,并自行維護與應用自身登錄態(tài)的對應關(guān)系。通過調(diào)用接口(如)獲取數(shù)據(jù)時，接口會同時返回rawData > signature ,其中 signature = sha1( rawData + session_key )開發(fā)者將signature 、rawData發(fā)送到開發(fā)者服務(wù)器進行校驗。服務(wù)器利用用戶對應的session_key 使用相同的算法計算出簽

11、名 signature2, 比對signature 與signature2即可校驗數(shù)據(jù)的完整性。(success: function(res) var userinfo =var nickName =var avatarUrl =var gender = / 性別 0 :未知、1:男、2：女var province =var city =Ivar country =3 .微信支付("timeStamp":"","nonceStr":"","package":"","

12、signType": "MD5","paySign":"","success":function(res),"fail":function(res)4 .模板信息不作講解5 .客服操作API=接收消息和事件- 進入客服：<contack-button />- 客服消息轉(zhuǎn)發(fā)Client:reqWeichat:seserver:res- 消息類型:文本，圖片，事件- 格式類型:xml,json- 公共字段：ToUserName,FromUserName,CreateTime,M

13、sgType,- 專有字段：文本:Content,MsgId圖片:PicUrl,MsgId事件:Event,SessionFrom=發(fā)送客服消息http請求方式:POST=臨時素材接口-新增臨時素材Curl -F "&type=TYPE"-獲取臨時素材&media_id=MEDIA_ID=接入指導(消息服務(wù)器接入)Step1:埴寫服務(wù)器配置：Step2:服務(wù)器驗證(PHP)private function checkSignature()($signature = $_GET"signature"$timestamp = $_GET&qu

14、ot;timestamp"$nonce = $_GET"nonce"$token = TOKEN;$tmpArr = array($token, $timestamp, $nonce);sort($tmpArr, SORT_STRING);$tmpStr = implode( $tmpArr );$tmpStr = sha1( $tmpStr );if( $tmpStr = $signature )return true;elsereturn false;Step3:實現(xiàn)服務(wù)功能6 .分享功能+設(shè)定分享Page(onShareAppMessage:function()return:title:xx,path:xx,success:function(res) /end return/end function)+顯示分享()+隱藏分享()7 .二維碼掃描該二維碼可以直通過后臺接口可以獲取小程序任意頁面的二維碼,接進入小程序?qū)捻撁娼涌诘刂罚? .收貨地址(success: