小程序学习笔记五:API
API
小程序提供了丰富的微信原生API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等。
api调用格式:
1:wx.on 开头的 API 是监听某个事件发生的API接口,接受一个 CALLBACK 函数作为参数。当该事件触发时,会调用 CALLBACK 函数:
wx.onXX(function(res) {
//回调方法体;
})
2:如未特殊约定,其他 API 接口都接受一个OBJECT(在 { } 中定义)作为参数,OBJECT中可以指定success, fail, complete来接收接口调用结果:
| success | Function | 接口调用成功的回调函数 |
| fail | Function | 接口调用失败的回调函数 |
| complete | Function | 接口调用结束的回调函数(调用成功、失败都会执行) |
API分类
目前,提供的API主要有:网络API、媒体API、文件API、缓存API、位置API、设备API、界面API、WXML节点API、第三方平台API、微信开放API、小程序数据分析API、调试API 十二大类。
一:网路API
1:发起网络请求:wx.request({object}),可以在 {object} 中,配置header、url、传递的数据、回调函数(成功、失败、结束)等。
2:文件上传下载:wx.uploadFile(OBJECT)、wx.downloadFile(OBJECT)
3:WebSocket连接:可以建立一个websocket连接,通过连接发送消息、接收消息,关闭连接。以及建立、接收、关闭事件的callback。
二:媒体API
1:图片
wx.chooseImage(OBJECT):从本地相册选择图片或使用相机拍照。
wx.previewImage(OBJECT):预览图片。
wx.getImageInfo(OBJECT):获取图片信息。
wx.saveImageToPhotosAlbum(OBJECT):保存图片到系统相册。
2:录音
wx.getRecorderManager():获取全局唯一的录音管理器 recorderManager,然后调用管理器进行 开始录音、结束录音、暂停录音等。
3:音频播放控制
wx.createInnerAudioContext():创建并返回内部 audio 上下文 innerAudioContext 对象,通过innerAudioContext 对象调用方法进行音频的播放控制。
4:背景音乐播放控制
wx.getBackgroundAudioManager():获取全局唯一的背景音频管理器 backgroundAudioManager,并且调用方法进行播放控制。
5:视频选择与录像
wx.chooseVideo(OBJECT):拍摄视频或从手机相册中选视频,返回视频的临时文件路径。。
wx.saveVideoToPhotosAlbum(OBJECT):保存视频到系统相册。
6:视频播放控制
wx.createVideoContext(videoId, this):创建并返回 video 上下文 videoContext 对象,通过对象控制播放。
7:相机组件控制
wx.createCameraContext(this):创建并返回 camera 上下文 cameraContext 对象,cameraContext 与页面的 camera 组件绑定,一个页面只能有一个camera,通过它可以操作对应的 <camera/> 组件。可以拍照、录像。
8:实时音视频组件控制(直播与看直播)
wx.createLivePlayerContext(domId, this):操作对应的 <live-player/> 组件。 创建并返回 live-player 上下文 LivePlayerContext 对象,播放与暂停观看、全屏与退出全屏。
wx.createLivePusherContext():创建并返回 live-pusher 上下文 LivePusherContext 对象,LivePusherContext 与页面的 <live-pusher /> 组件绑定,一个页面只能有一个 live-pusher,通过它可以操作对应的 <live-pusher/> 组件。推流,进行直播。
三:文件API
1:wx.saveFile(OBJECT):保存文件到本地。
2:wx.getFileInfo(OBJECT):获取文件信息。
3:wx.getSavedFileList(OBJECT):获取本地已保存的文件列表。
4:wx.getSavedFileInfo(OBJECT):获取本地文件的文件信息。
5:wx.removeSavedFile(OBJECT):删除本地存储的文件。
6:wx.openDocument(OBJECT):新开页面打开文档,支持格式:doc, xls, ppt, pdf, docx, xlsx, pptx。
四:数据缓存API
1:
小程序学习笔记五:API的更多相关文章
- 微信小程序学习笔记五 常见组件
1. 常见组件 重点讲解小程序中常用的布局组件 1.1 view 代替 原来的div标签 <!-- pages/index/index.wxml --> <view hover-cl ...
- 【微信小程序学习笔记】入门与了解
[微信小程序学习笔记(一)] IDE 下载安装 下载地址 官方工具:https://mp.weixin.qq.com/debug/w … tml?t=1476434678461 下载可执行文件后,可按 ...
- 微信小程序学习笔记二 数据绑定 + 事件绑定
微信小程序学习笔记二 1. 小程序特点概述 没有DOM 组件化开发: 具备特定功能效果的代码集合 体积小, 单个压缩包体积不能大于2M, 否则无法上线 小程序的四个重要的文件 *js *.wxml - ...
- 微信小程序学习笔记一 小程序介绍 & 前置知识
微信小程序学习笔记一 1. 什么是小程序? 2017年度百度百科十大热词之一 微信小程序, 简称小程序, 英文名 Mini Program, 是一种不需要下载安装即可使用的应用 ( 张小龙对其的定义是 ...
- 微信小程序学习笔记(二)--框架-全局及页面配置
描述和功能 框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑. 响应的数 ...
- 微信小程序学习笔记以及VUE比较
之前只是注册了一下微信小程序AppID,随便玩了玩HelloWorld!(项目起手式),但是最近看微信小程序/小游戏,崛起之势不可阻挡.小程序我来了!(果然,一入前端深似海啊啊啊啊啊~) 编辑器: S ...
- 微信小程序学习笔记1--小程序的代码构成
最近打算学习一下微信小程序,看了微信公众平台的文档感觉还比较简单,就从这个方向重新找回学习的状态吧: 1.先了解一下小程序的代码构成: 创建项目后会看到四种后缀的文件: .json 后缀的 JSON ...
- 微信小程序学习笔记
一.文件结构解析 pages文件夹: 书写各个页面代码以及组件.内部js文件书写js ; wxml文件为HTML ; wxss文件为css样式 : json文件为配置当前页面的默认项,如titl ...
- 微信小程序学习笔记(阶段一)
一阶段学习过程: (一)看官方文档的简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/ (二)看小码哥视频:https://chuanke.baidu.co ...
随机推荐
- python面试题之如何用Python输出一个斐波那契数列
so eary! 1 a,b = 0, 1 2 while b<100: 3 print (b), 4 a, b = b, a+b 本文转载自:python黑洞网 原文链接:http://www ...
- 数仓1.1 分层| ODS& DWD层
数仓分层 ODS:Operation Data Store原始数据 DWD(数据清洗/DWI) data warehouse detail数据明细详情,去除空值,脏数据,超过极限范围的明细解析具体表 ...
- html-模仿小米首页定位案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Codeforces 1105C Ayoub and Lost Array (计数DP)
<题目链接> 题目大意: 有一个长度为 n 的数列的未知数列,数列的每一个数的值都在区间 [l,r] 的范围内.现在问你能够构成多少个这样的数组,使得数组内的所有数的和能够被 3 整除. ...
- SSH密钥登录让Linux VPS/服务器更安全
查看 /var/log 登录日志文件,突然发现服务器被人扫描端口在进行暴力攻击 平常登录服务器,都是使用用户密码登录,看来这样的做法并不安全,不得不关闭密码登录了. 总结了一个putty使用密钥自动登 ...
- JS将日期转为距现在的时间长度
最近在弄一个回忆网站,其中有个一板块类似于情侣空间的纪念日. 照着弄了个类似的,效果如下: 在处理过程中需要把时间戳转为Date()对象,然后与本地时间相减获得时间差,通过运算转换成对应的年月日时长, ...
- MySQL(六)
自关联 设计省信息的表结构provinces id ptitle 设计市信息的表结构citys id ctitle proid citys表的proid表示城市所属的省,对应着provinces表的i ...
- goland 中国 caisy qq Czx123456
goland 中国 caisy qq Czx123456
- javascript 时间
var getDate = new Date(); console.log(getDate.getDate()) console.log(getDate.getDay()) console.log(g ...
- idea+maven+springboot+mybatis
确认maven环境,安装maven在这里就不赘述了. 在idea新建maven项目 下图中填上你Maven安装的目录 打开pom文件,导入jar包(手动敲入/拷贝) 下面是配置之后的pom文件内容 & ...