微信小程序API 思维导图模板_ProcessOn思维导图、流程图

位置API

wx.getLocation(object)

获取当前的地理位置、速度。

type

wgs84

gps

gcj02

返回可用于wx.openLocation 的坐标

latitude

纬度

longititude

经度

accuracy

位置的精确度

wx.chooseLocation(object)

打开地图选择位置

wx.openLocation(object)

使用微信内置地图查看位置

设备API

wx.getNetworkType(object)

获取网络类型。

<pre style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 14px; white-space: pre-wrap; break-inside: avoid; direction: ltr; margin-top: 0px; margin-bottom: 1.275em; padding: 0.85em 1em; border: none; color: rgb(51, 51, 51); overflow: auto; word-wrap: normal; background: rgb(247, 247, 247); letter-spacing: 0.2px;"><code class="lang-javascript" style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.85em; break-inside: avoid; direction: ltr; margin: 0px; padding: 0px; border: none; color: inherit; background: 0px 0px; display: inline; max-width: initial; overflow: initial; line-height: inherit; white-space: pre;">wx.getNetworkType({ success: <span class="hljs-function" style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; color: rgb(66, 113, 174);"><span class="hljs-keyword" style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; color: rgb(137, 89, 168);">function(res) { <span class="hljs-keyword" style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; color: rgb(137, 89, 168);">var networkType = res.networkType <span class="hljs-comment" style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; color: rgb(142, 144, 140);">// 返回网络类型2g，3g，4g，wifi } })</code></pre>

wx.getSystemInfo(object)

获取系统信息。

wx.getSystemInfoSync()

获取系统信息同步接口

wx.onAccelerometerChange(callback)

监听重力感应数据，频率：5次/秒

wx.onCompassChange(callback)

监听罗盘数据，频率：5次/秒

wx.mackPhoneCall(object)

拨打电话

界面API

交互反馈

wx.showToast(object)

显示消息提示框

wx.hideToast()

隐藏消息提示框

wx.showModal(object)

显示模态弹窗

wx.showActionSheet(object)

显示操作菜单

设置导航条

wx.setNavigationBarTitle(object)

动态设置当前页面的标题。

wx.showNavigationBarLoading()

在当前页面显示导航条加载动画。

wx.hideNavigationBarLoading()

隐藏导航条加载动画。

导航

wx.navigateTo(object)

保留当前页面，跳转到应用内的某个页面，使用<code style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.85em; break-inside: avoid; direction: ltr; margin: 0px; padding: 0.2em; border: none; color: rgb(51, 51, 51); background-color: rgb(247, 247, 247); letter-spacing: 0.2px; orphans: 3; widows: 3;">wx.navigateBack</code>可以返回到原页面。

wx.redirectTo(object)

关闭当前页面，跳转到应用内的某个页面

wx.navigationBack(object)

关闭当前页面，返回上一页面或多级页面。可通过 <a href="https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html?t=20161107#getCurrentPages(" style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; text-decoration: none; font-size: 14px; color: rgb(65, 131, 196); background-image: initial; background-position: 0px 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif; letter-spacing: 0.2px; orphans: 3; widows: 3;"><code style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.85em; break-inside: avoid; direction: ltr; margin: 0px; padding: 0.2em; border: none; color: inherit; background-color: rgb(247, 247, 247);">getCurrentPages()</code></a>) 获取当前的页面栈，决定需要返回几层。

动画

wx.createAnimation(object)

创建一个动画实例<a href="https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-animation.html?t=20161107#animation" style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; text-decoration: none; font-size: 14px; color: rgb(65, 131, 196); background-image: initial; background-position: 0px 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif; letter-spacing: 0.2px; orphans: 3; widows: 3;">animation</a>。调用实例的方法来描述动画。最后通过动画实例的<code style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.85em; break-inside: avoid; direction: ltr; margin: 0px; padding: 0.2em; border: none; color: rgb(51, 51, 51); background-color: rgb(247, 247, 247); letter-spacing: 0.2px; orphans: 3; widows: 3;">export</code>方法导出动画数据传递给组件的<code style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.85em; break-inside: avoid; direction: ltr; margin: 0px; padding: 0.2em; border: none; color: rgb(51, 51, 51); background-color: rgb(247, 247, 247); letter-spacing: 0.2px; orphans: 3; widows: 3;">animation</code>属性。

animation

绘图

wx.createContext()

创建并返回绘图上下文<code style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.85em; break-inside: avoid; direction: ltr; margin: 0px; padding: 0.2em; border: none; color: rgb(51, 51, 51); background-color: rgb(247, 247, 247); letter-spacing: 0.2px; orphans: 3; widows: 3;">context</code>对象。

context

<code style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.85em; break-inside: avoid; direction: ltr; margin: 0px; padding: 0.2em; border: none; color: rgb(51, 51, 51); background-color: rgb(247, 247, 247); letter-spacing: 0.2px; orphans: 3; widows: 3;">context</code>只是一个记录方法调用的容器，用于生成记录绘制行为的<code style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.85em; break-inside: avoid; direction: ltr; margin: 0px; padding: 0.2em; border: none; color: rgb(51, 51, 51); background-color: rgb(247, 247, 247); letter-spacing: 0.2px; orphans: 3; widows: 3;">actions</code>数组。<code style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.85em; break-inside: avoid; direction: ltr; margin: 0px; padding: 0.2em; border: none; color: rgb(51, 51, 51); background-color: rgb(247, 247, 247); letter-spacing: 0.2px; orphans: 3; widows: 3;">context</code>跟<code style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.85em; break-inside: avoid; direction: ltr; margin: 0px; padding: 0.2em; border: none; color: rgb(51, 51, 51); background-color: rgb(247, 247, 247); letter-spacing: 0.2px; orphans: 3; widows: 3;"><canvas/></code>不存在对应关系，一个context生成画布的绘制动作数组可以应用于多个<code style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.85em; break-inside: avoid; direction: ltr; margin: 0px; padding: 0.2em; border: none; color: rgb(51, 51, 51); background-color: rgb(247, 247, 247); letter-spacing: 0.2px; orphans: 3; widows: 3;"><canvas/></code>。

wx.drawCanvas(object)

wx.canvasToTempFilePath(object)

把当前画布的内容导出生成图片，并返回文件路径

其它

wx.hideKeyboard()

收起键盘

wx.stopPullDownRefresh()

停止当前页面下拉刷新。详见<a href="https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html?t=20161107#页面相关事件处理函数" style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; text-decoration: none; font-size: 14px; color: rgb(65, 131, 196); background-image: initial; background-position: 0px 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif; letter-spacing: 0.2px; orphans: 3; widows: 3;">页面相关事件处理函数</a>。

开放接口

wx.login(object)

调用接口获取<span style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-weight: 700; font-size: 14px; color: rgb(51, 51, 51); font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif; letter-spacing: 0.2px; orphans: 3; widows: 3;">登录凭证（code）进而换取用户登录态信息，包括用户的<span style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-weight: 700; font-size: 14px; color: rgb(51, 51, 51); font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif; letter-spacing: 0.2px; orphans: 3; widows: 3;">唯一标识（openid） 及本次登录的 <span style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-weight: 700; font-size: 14px; color: rgb(51, 51, 51); font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif; letter-spacing: 0.2px; orphans: 3; widows: 3;">会话密钥（session_key）。<span style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-weight: 700; font-size: 14px; color: rgb(51, 51, 51); font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif; letter-spacing: 0.2px; orphans: 3; widows: 3;">用户数据的加解密通讯需要依赖会话密钥完成。

子主题

总述

wx.on 开头的 API 是监听某个事件发生的API接口，接受一个 CALLBACK 函数作为参数。当该事件触发时，会调用 CALLBACK 函数。

如未特殊约定，其他 API 接口都接受一个OBJECT作为参数。

OBJECT中可以指定success, fail, complete来接收接口调用结果。

<table style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; border-collapse: collapse; border-spacing: 0px; font-size: inherit; break-inside: avoid; margin-top: 1em; margin-bottom: 3em; width: 960px; overflow: auto; border-bottom: 1px solid rgb(231, 231, 235); font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif; letter-spacing: 0.2px;"><thead style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit;"><tr style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; break-inside: avoid; background-color: rgb(246, 248, 249); border: none;"><th style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 6px 20px; border-width: initial; border-style: none; border-color: initial; font-weight: 400; color: rgb(141, 141, 141); height: 40px;">参数名</th><th style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 6px 20px; border-width: initial; border-style: none; border-color: initial; font-weight: 400; color: rgb(141, 141, 141); height: 40px;">类型</th><th style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 6px 20px; border-width: initial; border-style: none; border-color: initial; font-weight: 400; color: rgb(141, 141, 141); height: 40px;">必填</th><th style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 6px 20px; border-width: initial; border-style: none; border-color: initial; font-weight: 400; color: rgb(141, 141, 141); height: 40px;">说明</th></tr></thead><tbody style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit;"><tr style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; break-inside: avoid; border: none;"><td style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 12px 20px; border: none; height: 60px;">success</td><td style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 12px 20px; border: none; height: 60px;">Function</td><td style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 12px 20px; border: none; height: 60px;">否</td><td style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 12px 20px; border: none; height: 60px;">接口调用成功的回调函数</td></tr><tr style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; break-inside: avoid; border-top: 1px solid rgb(231, 231, 235);"><td style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 12px 20px; border: none; height: 60px;">fail</td><td style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 12px 20px; border: none; height: 60px;">Function</td><td style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 12px 20px; border: none; height: 60px;">否</td><td style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 12px 20px; border: none; height: 60px;">接口调用失败的回调函数</td></tr><tr style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; break-inside: avoid; border-top: 1px solid rgb(231, 231, 235);"><td style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 12px 20px; border: none; height: 60px;">complete</td><td style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 12px 20px; border: none; height: 60px;">Function</td><td style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 12px 20px; border: none; height: 60px;">否</td><td style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: inherit; padding: 12px 20px; border: none; height: 60px;">接口调用结束的回调函数（调用成功、失败都会执行）</td></tr></tbody></table>

网络API

发起请求

wx.request(OBJECT)

<div>wx.request发起的是https请求。一个微信小程序，同时只能有5个网络请求连接。</div>

OBJECT参数说明

上传下载

wx.uploadFile(OBJECT)

将本地资源上传到开发者服务器。如页面通过 wx.chooseImage 等接口获取到一个本地资源的临时文件路径后，可通过此接口将本地资源上传到指定服务器。客户端发起一个 HTTPS POST 请求，其中 Content-Type 为 multipart/form-data 。

OBJECT参数说明：

success返回参数说明：

wx.downloadFile(OBJECT)

<div>下载文件资源到本地。客户端直接发起一个 HTTP GET 请求，返回文件的本地临时路径。</div>

OBJECT参数说明：

注：文件的临时路径，在小程序本次启动期间可以正常使用，如需持久保存，需在主动调用 wx.saveFile，在小程序下次启动时才能访问得到。

WebSocket

wx.connectSocket(object)

创建一个 WebSocket 连接；一个微信小程序同时只能有一个 WebSocket 连接，如果当前已存在一个 WebSocket 连接，会自动关闭该连接，并重新创建一个 WebSocket 连接。

wx.onSocketOpen(callback)

监听WebSocket连接打开事件。

wx.onSocketError(callback)

监听WebSocket错误。

wx.sendSocketMessage(object)

通过 WebSocket 连接发送数据，需要先 wx.connectSocket，并在 wx.onSocketOpen 回调之后才能发送。

wx.onSocketMessage(callback)

监听WebSocket接受到服务器的消息事件。

wx.closeSocket()

关闭WebSocket连接。

wx.onSocketClose(callback)

监听WebSocket关闭。

媒体API

图片

wx.chooseImage(object)

从本地相册选择图片或使用相机拍照。

注：文件的临时路径，在小程序本次启动期间可以正常使用，如需持久保存，需在主动调用 wx.saveFile，在小程序下次启动时才能访问得到。

wx.previewImage(object)

预览图片

wx.getImageInfo(object)

获取图片信息

录音

wx.startRecord(object)

开始录音。当主动调用wx.stopRecord，或者录音超过1分钟时自动结束录音，返回录音文件的临时文件路径。

wx.stolpRecord()

主动调用停止录音。

音频播放控制

wx.playVoice(object)

开始播放语音，同时只允许一个语音文件正在播放，如果前一个语音文件还没播放完，将中断前一个语音播放。

wx.pauseVoice()

暂停正在播放的语音。再次调用wx.playVoice播放同一个文件时，会从暂停处开始播放。如果想从头开始播放，需要先调用 wx.stopVoice。

wx.stopVoice()

结束播放语音。

音乐播放控制

wx.getBackgroundAudioPlayerState(object)

获取音乐播放状态。

wx.playBackgroundAudio(object)

播放音乐，同时只能有一首音乐正在播放。

wx.pauseBackgroundAudio()

暂停播放音乐。

wx.seekBackgroundAudio(object)

控制音乐播放进度。

wx.stopBackgroundAudio()

停止播放音乐。

wx.onBackgroundAudioPlay(callback)

监听音乐播放。

wx.onBackgroundAudioPause(callback)

监听音乐暂停。

wx.onBackgroundAudioStop(callback)

监听音乐停止。

文件

wx.saveFile(object)

保存文件到本地。

wx.getSavedFileList(object)

获取本地已保存的文件列表

wx.getSavedFileInfo(object)

获取本地文件的文件信息

wx.removeSaveFile(object)

删除本地存储的文件

wx.openDocument(object)

新开页面打开文档，支持格式：doc, xls, ppt, pdf, docx, xlsx, pptx

视频

wx.chooseVideo(object)

拍摄视频或从手机相册中选视频，返回视频的临时文件路径。

音频组件控制

wx.createAudioContext(audiold)

创建并返回 audio 上下文 <code style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-size-adjust: none; -webkit-font-smoothing: antialiased; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.85em; break-inside: avoid; direction: ltr; margin: 0px; padding: 0.2em; border: none; color: rgb(51, 51, 51); background-color: rgb(247, 247, 247); letter-spacing: 0.2px; orphans: 3; widows: 3;">audioContext</code> 对象

视频组件控制

wx.createVideoContext(videold)

数据API

数据缓存

每个微信小程序都可以有自己的本地缓存，可以通过 wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB。

注意： localStorage 是永久存储的，但是我们不建议将关键信息全部存在 localStorage，以防用户换设备的情况。

wx.setStorage(object)

将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。

wx.setSrorageSync(key,data)

将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。

wx.getStorage(object)

从本地缓存中异步获取指定 key 对应的内容。

wx.getStorageSync(key)

从本地缓存中同步获取指定 key 对应的内容

wx.getStorageInfo(object)

异步获取当前storage的相关信息

wx.getStorageInfoSync()