《微信小程序开发.docx》由会员分享，可在线阅读，更多相关《微信小程序开发.docx（19页珍藏版）》请在三一文库上搜索。
1、微信小程序开发 （ 六 ）第六章 APIAPI 框架总览 （ 绘图 API 专列章学习 , 暂略 ）3 onAccelerometerChange第1节网络API1.发送请求：(object)+数据请求(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:function(re
2、s)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)+发数据(data:msg)+发消息(回调)(function(res) )+关闭第2节媒体API1 .图片：+选图(count:1,sizetype:,sourceType:album,camera,
3、success:function(res)+预览2 .录音：+求曰(success:function(),fail:function()+停止3 .音频控制:+播放(filePath:xxxx,comlete:function()+暂停()+停止4.音乐控制：+获状态(success:function(res)|dataU川currentPosition|duration)+播放(dataUrl:xx,title:xx,coverImgUrl:xx)+暂停()+定位(position:60)5 .视频:+表现层get/b6 .首频组件控制：+逻辑层Page(Data:src:xxx, getV
4、ideo:function() var that=this;(sourceType:口,success:function(res) (src: )+创建上下文Var ctx=(audioId)+播放()+暂停()+进到(n)+从头(0)+停止()7 .视频组件控制：+创建上下文Var ctx=(videoId)+发送弹幕(text:xxxx,color:#xxxxxx)8 .文件:+保存文件(tempFilePath:xxx,success:function(res)+获已保存文件列表(success:function(res)var list=)+获已保存文件信息(filePath:xxx,
5、success:function(res)+移除已保存文件(filePath:xxx,complete:function(res)+打开文件(filePath:xxx,success:function(res)第3节数据API+设置数据(key:xxx,value:xxx)+获取数据(key:xxx,success:function(res)+清空数据()+设;置数据(异步)(key:xxx,value:xxx)+获取数据(异步)(key:xxx,success:function(res)+清空数据(异步)()第4节位置API1 .位置:)+获取位置(type:xxx,success:func
6、tion(res)+打开位置(latitude:xx,longItude:xx,scale:xx)+选择位置(success:function(res) )2 .地图组件：+创建上下文Var ctx=(mapId)+中心打开(success:function(res)+移动位置(success:function(res)第5节设备API1 .系统信息：+同步获取信息(success: function(res) )+异步获取信息(success:function(res) )2 .网络类型:+网络类型(success: function(res) none,var networkType =
7、/返回网络类型 2g, 3g, 4g, wifi,unknown)3 . 重力感应：+重力感应(function(res) )4 .罗盘指南:+罗盘指南(function (res) )5 .拨打电话：+拨打电话(phoneNumber:)6 .扫码:+扫码(success: function(res) (res)7 .剪贴板：+加入剪贴板(data:xx,success:function(res)+读取剪贴板(success:function(res)var data=)8 .篮牙:+篮牙( success: function (res) (res) )第6节窗口 API1 .互动操作：+自
8、消窗口(title:xx,icon:xx,duration:xx)+对话框(titleixx)+对话框(模态)(title:xx,content:xx,success:function(res)+活动页签(itemList:,success:function(res)2 .导航设置：+设标题(title:xxx)+显动画()+隐动画()3 .导航操控：+转到(url:xx,success:function(res)+重定向(url:xx;success:funtion(res) )+重载(url:xx,success:function(res)+切页(url:xxx)+返回(delta:xx)
9、4 .动画操作：+创建动画Var ani=( transformOrign:xx, duration:xx, timingFunction:xx)+具体方法(略)第7节绘图API详述于第七章.第8节开放接口 API1.小程序登录API=登录微信：+登录微信(success:function()+检查会话(success:function(),fail:function()=签名验证|加密解密为了确保开放接口返回用户数据的安全性，微信会对明文数据进行签名。开发者可以根据业务需要对数据包进行签名校验，确保数据的完整性。签名校验算法涉及用户的session_key ,通过登录流程获取用户sessio
10、n_key ,并自行维护与应用自身登录态的对应关系。通过调用接口(如)获取数据时，接口会同时返回rawData、signature ,其中 signature = sha1( rawData + session_key)开发者将signature 、rawData发送到开发者服务器进行校验。服务器利用用户对应的session_key 使用相同的算法计算出签名 signature2, 比对signature 与signature2即可校验数据的完整性。2.用户信息(success: function(res) var userinfo =var nickName =var avatarUrl =
11、var gender = / 性别 0 :未知、1:男、2：女var province =var city =Ivar country =3 .微信支付(timeStamp:,nonceStr:,package:,signType: MD5,paySign:,success:function(res),fail:function(res)4 .模板信息不作讲解5 .客服操作API=接收消息和事件- 进入客服：- 客服消息转发Client:reqWeichat:seserver:res- 消息类型：文本，图片，事件- 格式类型:xml,json- 公共字段：ToUserName,FromUser
12、Name,CreateTime,MsgType,- 专有字段：文本:Content,MsgId图片:PicUrl,MsgId事件:Event,SessionFrom=发送客服消息http请求方式:POST=临时素材接口-新增临时素材Curl -F &type=TYPE-获取临时素材&media_id=MEDIA_ID=接入指导（消息服务器接入）Stepl:埴写服务器配置：Step2:服务器验证（PHP）private function checkSignature()$signature = $_GETsignature;$timestamp = $_GETtimestamp;$nonce =
13、 $_GETnonce;$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:实现服务功能6 .分享功能+设定分享Page(onShareAppMessage:function()return:title:xx,path:xx,success:funct
14、ion(res) /end returnend function)+显示分享()+隐藏分享()7 .二维码扫描该二维码可以直通过后台接口可以获取小程序任意页面的二维码,接进入小程序对应的页面接口地址：8 .收货地址(success: function (res) 9 .卡券+加载卡券(cardList:,success:function(res)+打开卡券(cardList:,success:function(res)+card结构10 .设置+打开设置(success:function(res)第9节拓展接口 API数据转换1 .数据缓冲转为BASE64(arrayBuffer)2 . BASE6婿专为数据缓冲：(base64)说明此章中没有列举绘图API,在第七章中专门学习