Uni-app API

news/2024/11/26 0:25:34/

 Uni-app的各种api,各种功能还是很全面的,而且基于vue用法,本身也带有自己的一套UI系统,代码也能兼容app和小程序,还是挺方便的。

基础

#日志打印

  • 日志打印       向控制台打印日志信息
  • 定时器    在定时到期以后执行注册的回调函数
  • uni.base64ToArrayBuffer     将 Base64 字符串转成 ArrayBuffer 对象
  • uni.arrayBufferToBase64      将 ArrayBuffer 对象转成 Base64 字符串
  • 应用级事件    监听应用事件
  • 拦截器    拦截 Api 等调用并执行回调
  • 全局 API 可全局调用 Api

网络

#发起请求

  • uni.request    发起网络请求

#上传、下载

  • uni.uploadFile 上传文件
  • uni.downloadFile   下载文件

#WebSocket

  • uni.connectSocket 创建 WebSocket 连接
  • uni.onSocketOpen 监听 WebSocket 打开
  • uni.onSocketError 监听 WebSocket 错误
  • uni.sendSocketMessage      发送 WebSocket 消息
  • uni.onSocketMessage   接受 WebSocket 消息
  • uni.closeSocket     关闭 WebSocket 连接
  • uni.onSocketClose 监听 WebSocket 关闭

#SocketTask

  • SocketTask.send    通过 WebSocket 连接发送数据
  • SocketTask.close   关闭 WebSocket 连接
  • SocketTask.onOpen     监听 WebSocket 连接打开事件
  • SocketTask.onClose      监听 WebSocket 连接关闭事件
  • SocketTask.onError      监听 WebSocket 错误事件
  • SocketTask.onMessage 监听 WebSocket 接受到服务器的消息事件

媒体

#图片

  • uni.chooseImage   从相册选择图片,或者拍照
  • uni.previewImage  预览图片
  • uni.closePreviewImage 关闭预览图片
  • uni.getImageInfo   获取图片信息
  • uni.saveImageToPhotosAlbum   保存图片到系统相册

#文件

  • uni.chooseFile       从本地选择文件

#录音管理

  • uni.getRecorderManager     录音管理

#背景音频播放管理

  • uni.getBackgroundAudioManager     背景音频播放管理

音频组件管理

  • uni.createInnerAudioContext      音频组件管理

#视频

  • uni.chooseVideo   从相册选择视频,或者拍摄
  • uni.chooseMedia   拍摄或从手机相册中选择图片或视频。
  • uni.saveVideoToPhotosAlbum    保存视频到系统相册
  • uni.createVideoContext       视频组件管理

#相机组件管理

  • uni.createCameraContext    相机组件管理

#直播组件管理

  • uni.createLivePlayerContext 直播组件管理

文件

  • uni.saveFile    保存文件
  • uni.getSavedFileList      获取已保存的文件列表
  • uni.getSavedFileInfo     获取已保存的文件信息
  • uni.removeSavedFile    删除已保存的文件信息
  • uni.getFileInfo       获取文件信息
  • uni.openDocument      打开文件

数据缓存

  • uni.getStorage      获取本地数据缓存
  • uni.getStorageSync      获取本地数据缓存
  • uni.setStorage       设置本地数据缓存
  • uni.setStorageSync       设置本地数据缓存
  • uni.getStorageInfo 获取本地缓存的相关信息
  • uni.getStorageInfoSync 获取本地缓存的相关信息
  • uni.removeStorage       删除本地缓存内容
  • uni.removeStorageSync       删除本地缓存内容
  • uni.clearStorage    清理本地数据缓存
  • uni.clearStorageSync    清理本地数据缓存

位置

#获取位置

  • uni.getLocation     获取当前位置
  • uni.chooseLocation      打开地图选择位置

#查看位置

  • uni.openLocation  打开内置地图

#地图组件控制

  • uni.createMapContext  地图组件控制

设备

#系统信息

  • uni.getSystemInfo 获取系统信息
  • uni.getSystemInfoSync 获取系统信息
  • uni.canIUse    判断应用的 API,回调,参数,组件等是否在当前版本可用

#内存

  • uni.onMemoryWarning 监听内存不足告警事件

#网络状态

  • uni.getNetworkType     获取网络类型
  • uni.onNetworkStatusChange      监听网络状态变化
  • uni.offNetworkStatusChange      取消监听网络状态变化

#加速度计

  • uni.onAccelerometerChange      监听加速度数据
  • uni.offAccelerometerChange      取消监听加速度数据
  • uni.startAccelerometer  开始监听加速度数据
  • uni.stopAccelerometer  停止监听加速度数据

#罗盘

  • uni.onCompassChange 监听罗盘数据
  • uni.offCompassChange 取消监听罗盘数据
  • uni.startCompass  开始监听罗盘数据
  • uni.stopCompass  停止监听罗盘数据

#陀螺仪

  • uni.onGyroscopeChange     监听陀螺仪数据
  • uni.startGyroscope       开始监听陀螺仪数据
  • uni.stopGyroscope 停止监听陀螺仪数据

#拨打电话

uni.makePhoneCall      拨打电话

#扫码

  • uni.scanCode 扫码

#剪切板

  • uni.setClipboardData    设置剪贴板内容
  • uni.getClipboardData   获取剪贴板内容

#屏幕亮度

  • uni.setScreenBrightness       设置屏幕亮度
  • uni.getScreenBrightness      获取屏幕亮度
  • uni.setKeepScreenOn   设置是否保持常亮状态

#用户截屏事件

  • uni.onUserCaptureScreen    监听用户截屏事件

#振动

  • uni.vibrate     使手机发生振动
  • uni.vibrateLong     使手机发生较长时间的振动
  • uni.vibrateShort    使手机发生较短时间的振动

#手机联系人

  • uni.addPhoneContact   添加手机通讯录

#蓝牙

  • uni.openBluetoothAdapter  初始化蓝牙模块
  • uni.startBluetoothDevicesDiscovery   搜寻附近的蓝牙外围设备
  • uni.onBluetoothDeviceFound     监听寻找到新设备的事件
  • uni.stopBluetoothDevicesDiscovery   停止搜寻
  • uni.onBluetoothAdapterStateChange 监听蓝牙适配器状态变化事件
  • uni.getConnectedBluetoothDevices    根据 uuid 获取处于已连接状态的设备
  • uni.getBluetoothDevices      获取已发现的蓝牙设备
  • uni.getBluetoothAdapterState     获取本机蓝牙适配器状态
  • uni.closeBluetoothAdapter   关闭蓝牙模块

#低耗蓝牙

  • uni.writeBLECharacteristicValue  向低功耗蓝牙设备特征值中写入二进制数据
  • uni.readBLECharacteristicValue   读取低功耗蓝牙设备的特征值的二进制数据值
  • uni.onBLEConnectionStateChange     监听低功耗蓝牙连接状态的改变事件
  • uni.onBLECharacteristicValueChange 监听低功耗蓝牙设备的特征值变化事件
  • uni.notifyBLECharacteristicValueChange   启用蓝牙低功耗设备特征值变化时的 notify 功能,订阅特征
  • uni.getBLEDeviceServices    获取蓝牙设备所有服务(service)
  • uni.getBLEDeviceCharacteristics  获取蓝牙设备某个服务中所有特征值(characteristic)
  • uni.createBLEConnection     连接低功耗蓝牙设备
  • uni.closeBLEConnection      断开与低功耗蓝牙设备的连接

#iBeacon

  • uni.onBeaconServiceChange      监听 iBeacon 服务状态变化事件
  • uni.onBeaconUpdate    监听 iBeacon 设备更新事件
  • uni.getBeacons     获取所有已搜索到的 iBeacon 设备
  • uni.startBeaconDiscovery    停止搜索附近的 iBeacon 设备
  • uni.stopBeaconDiscovery    开始搜索附近的 iBeacon 设备

#生物认证

  • uni.startSoterAuthentication 开始生物认证
  • uni.checkIsSupportSoterAuthentication     获取本机支持的生物认证方式
  • uni.checkIsSoterEnrolledInDevice       获取设备内是否录入如指纹等生物信息的接口

界面

#交互反馈

  • uni.showToast       显示提示框
  • uni.showLoading  显示加载提示框
  • uni.hideToast 隐藏提示框
  • uni.hideLoading    隐藏加载提示框
  • uni.showModal     显示模态弹窗
  • uni.showActionSheet    显示菜单列表

#设置导航条

  • uni.setNavigationBarTitle     设置当前页面标题
  • uni.setNavigationBarColor   设置页面导航条颜色
  • uni.showNavigationBarLoading  显示导航条加载动画
  • uni.hideNavigationBarLoading    隐藏导航条加载动画

#设置 TabBar

  • uni.setTabBarItem 动态设置 tabBar 某一项的内容
  • uni.setTabBarStyle 动态设置 tabBar 的整体样式
  • uni.hideTabBar      隐藏 tabBar
  • uni.showTabBar    显示 tabBar
  • uni.setTabBarBadge     为 tabBar 某一项的右上角添加文本
  • uni.removeTabBarBadge     移除 tabBar 某一项右上角的文本
  • uni.showTabBarRedDot       显示 tabBar 某一项的右上角的红点
  • uni.hideTabBarRedDot 隐藏 tabBar 某一项的右上角的红点

#背景

  • uni.setBackgroundColor      动态设置窗口的背景色。
  • uni.setBackgroundTextStyle 动态设置下拉背景字体、loading 图的样式。

#动画

  • uni.createAnimation     创建一个动画实例 animation。调用实例的方法来描述动画。最后通过动画实例的 export 方法导出动画数据传递给组件的 animation 属性。

#滚动

  • uni.pageScrollTo   将页面滚动到目标位置。

#绘画

  • uni.createCanvasContext     创建绘图上下文
  • uni.canvasToTempFilePath  将画布内容保存成文件
  • uni.canvasGetImageData     获取画布图像数据
  • uni.canvasPutImageData     设置画布图像数据

#下拉刷新

  • onPullDownRefresh     监听该页面用户下拉刷新事件
  • uni.startPullDownRefresh    开始下拉刷新
  • uni.stopPullDownRefresh    停止当前页面下拉刷新

#节点信息

  • uni.createSelectorQuery      创建查询请求
  • selectorQuery.select     根据选择器选择单个节点
  • selectorQuery.selectAll 根据选择器选择全部节点
  • selectorQuery.selectViewport      选择显示区域
  • selectorQuery.exec       执行查询请求
  • nodesRef.boundingClientRect     获取布局位置和尺寸
  • nodesRef.scrollOffset    获取滚动位置
  • nodesRef.fields      获取任意字段

#节点布局相交状态

  • uni.createIntersectionObserver   创建 IntersectionObserver 对象
  • intersectionObserver.relativeTo   指定参照节点
  • intersectionObserver.relativeToViewport   指定页面显示区域作为参照区域
  • intersectionObserver.observe     指定目标节点并开始监听
  • intersectionObserver.disconnect 停止监听

路由

  • uni.navigateTo      保留当前页面,跳转到应用内的某个页面,使用 uni.navigateBack 可以返回到原页面
  • uni.redirectTo 关闭当前页面,跳转到应用内的某个页面
  • uni.reLaunch  关闭所有页面,打开到应用内的某个页面
  • uni.switchTab 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
  • uni.navigateBack   关闭当前页面,返回上一页面或多级页面

键盘

  • uni.hideKeyboard  隐藏已经显示的软键盘,如果软键盘没有显示则不做任何操作。
  • uni.onKeyboardHeightChange   监听键盘高度变化
  • uni.offKeyboardHeightChange   取消监听键盘高度变化事件
  • uni.getSelectedTextRange    在input、textarea等focus之后,获取输入框的光标位置

第三方服务

  • uni.getProvider     获取服务供应商
  • uni.login 登录
  • uni.getUserInfo     获取用户信息
  • uni.getuserprofile  获取用户信息。每次请求都会弹出授权窗口,用户同意后返回 userInfo
  • uni.checkSession   检查登录状态是否过期
  • uni.preLogin  预登录
  • uni.closeAuthView 关闭一键登录页面
  • uni.getCheckBoxState   获取一键登录条款勾选框状态
  • uni.getUniverifyManager     获取全局唯一的一键登录管理器 univerifyManager
  • uni.share 分享
  • uni.shareWithSystem    使用系统分享
  • uni.requestPayment     支付
  • uni.subscribePush 开启推送
  • uni.unsubscribePush    关闭推送
  • uni.onPush    监听透传数据
  • uni.offPush    移除监听透传数据

平台扩展

  • uni.requireNativePlugin       引入 App 原生插件

其他

#授权

  • uni.authorize 提前向用户发起授权请求

#设置

  • uni.openSetting   调起客户端小程序设置界面,返回用户设置的操作结果。
  • uni.getSetting      获取用户的当前设置。

#收货地址

  • uni.chooseAddress     获取用户收货地址

#获取发票抬头

  • uni.chooseInvoiceTitle 选择用户的发票抬头,需要用户授权 scope.invoiceTitle。

#小程序跳转

  • uni.navigateToMiniProgram     打开另一个小程序。
  • uni.navigateBackMiniProgram  跳转回上一个小程序,只有当另一个小程序跳转到当前小程序时才会能调用成功。

#模板消息

  • addTemplate  组合模板并添加至帐号下的个人模板库。
  • deleteTemplate     删除帐号下的某个模板。
  • getTemplateLibraryById       获取模板库某个模板标题下关键词库。
  • getTemplateLibraryList 获取 APP 模板库标题列表
  • getTemplateList     获取帐号下已存在的模板列表。
  • sendTemplateMessage 发送模板消息
  • alipay.open.app.mini.templatemessage.send    支付宝小程序通过 openapi 给用户触达消息,主要为支付后的触达(通过消费 id)和用户提交表单后的触达(通过 formId)。

#小程序更新

  • uni.getUpdateManager 返回全局唯一的版本更新管理器对象: updateManager,用于管理小程序更新。

#调试

  • uni.setEnableDebug     设置是否打开调试开关。此开关对正式版也能生效。

#获取第三方平台数据

  • uni.getExtConfig    获取第三方平台自定义的数据字段。
  • uni.getExtConfigSync    uni.getExtConfig 的同步版本。

http://www.ppmy.cn/news/334496.html

相关文章

uni-app上架

材料准备: 1、营业执照或其他主办方证件 2、法人身份证正反面扫描件 3、法人手持身份证正反面照片 4、负责人身份证正反面扫描件 5、负责人手持身份证正反面照片 6、公章照片 7、单位基本信息:单位名称、法定代表人、法定代表人身份证号码、注册资本、成…

ChatGPT这么火,如果ChatGPT滥用或者重度依赖,会怎么样?

目录 绪论 风险 风险1 - 思维能力: 风险2-历史文献: 风险3-舆论问题: 总结 我们都知道,现在最火的就是ChatGPT,各大大厂都在讨论它,马大大也出山讨论它,可想而知,已经火到什么地…

uni-app 国际化

参考 ccccuni-app官网 添加文件夹及路径 index.js // 国际化 json 文件,文件内容详见下面的示例 import en from ./en.json import zhHans from ./zh-Hans.json // 中文简体 import zhHant from ./zh-Hant.json // 中文繁体export default {en,zh-Hans: zhHans,zh…

开源数据库的国际化思考与实践

整理 | 小雨青年 出品 | CSDN(ID:CSDNnews) 在全球开源技术掌门人高峰论坛上,PingCAP 联合创始人兼CTO 黄东旭分享了《开源数据库的国际化思考与实践》。 开源已死?不,还差得远 可能因为TiDB 是开源的&a…

什么是uni-app?

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。 即使不跨端,uni-app同时也是更好的小程序开发框架。…

uni-app ——uni-app的基本使用

文章目录 前言一、uni-app介绍 ​ ​1.1 uni-app介绍​​ ​1.2 环境搭建​​1.3 利用HbuilderX初始化项目​​​ ​1.4 运行项目​​​ ​1.5 介绍项目目录和文件作用二、全局配置和页面配置​​ ​2.1 通过globalStyle进行全局配置​​​ ​2.2 创建新的message页面​​​2.3…

TiDB 配置参数

在启动 TiDB 时,你可以使用命令行参数或环境变量来配置 TiDB。 要快速了解 TiDB 的参数体系与参数作用域,建议先观看下面的培训视频(时长 17 分钟)。 本文将详细介绍 TiDB 的命令行启动参数。TiDB 的默认端口为 4000&#xff08…

uni-app 官网教程

官网:https://uniapp.dcloud.net.cn/ github :https://github.com/dcloudio/uni-app uni-app 入门教程:https://www.5axxw.com/wiki/content/41fkvm ​uniapp 可视化开发 --- 前端开发工具、组件库集合:https://blog.csdn.net/w…