当前位置:首页 > uni-app

uniapp常用接口

2026-02-06 04:42:10uni-app

uniapp常用接口分类

uniapp作为跨平台开发框架,提供了丰富的API接口,涵盖基础功能、设备能力、界面交互等。以下分类整理常用接口:

uniapp常用接口

基础接口

  • uni.request:发起网络请求,支持Promise和回调两种方式。
  • uni.uploadFile:上传文件至服务器。
  • uni.downloadFile:下载文件资源到本地。
  • uni.setStorage/uni.getStorage:本地数据缓存操作。

界面交互

  • uni.showToast:显示消息提示框,支持图标和持续时间设置。
  • uni.showModal:弹出模态对话框,含确认和取消按钮。
  • uni.showLoading:显示加载提示框,需手动调用hideLoading关闭。
  • uni.navigateTo:保留当前页面,跳转到应用内某个页面。

设备相关

  • uni.getSystemInfo:获取设备系统信息,如屏幕宽高、操作系统版本。
  • uni.scanCode:调起扫码功能,支持条形码和二维码。
  • uni.makePhoneCall:拨打电话。
  • uni.getLocation:获取当前位置信息,支持GPS和网络定位。

媒体操作

  • uni.chooseImage:从相册或相机选择图片。
  • uni.previewImage:预览图片列表,支持滑动查看。
  • uni.saveImageToPhotosAlbum:保存图片到系统相册。
  • uni.startRecord/uni.stopRecord:录音功能控制。

数据存储

  • uni.setStorageSync/uni.getStorageSync:同步方式读写本地缓存。
  • uni.removeStorage:删除指定key的缓存数据。
  • uni.clearStorage:清理所有本地缓存。

支付与分享

  • uni.requestPayment:调起客户端支付(微信、支付宝等)。
  • uni.share:调用原生分享组件,支持图文内容分享。

注意事项

  1. 部分接口如支付、扫码需在真机调试,模拟器可能无法正常调用。
  2. 权限相关接口(如定位、相机)需在manifest.json中配置权限声明。
  3. 网络请求接口需注意域名白名单配置,避免跨域问题。

代码示例

网络请求封装示例:

uniapp常用接口

uni.request({
  url: 'https://example.com/api',
  method: 'POST',
  data: { key: 'value' },
  success: (res) => {
    console.log(res.data);
  },
  fail: (err) => {
    console.error(err);
  }
});

图片选择示例:

uni.chooseImage({
  count: 3,
  success: (res) => {
    const tempFilePaths = res.tempFilePaths;
    // 处理选中的图片路径
  }
});

标签: 接口常用
分享给朋友:

相关文章

vue调用后台接口实现

vue调用后台接口实现

Vue 调用后台接口的实现方法 在 Vue 中调用后台接口通常涉及以下几个关键步骤: 安装必要的依赖 确保项目中安装了 axios 或 fetch 等 HTTP 请求库。通过以下命令安装 axios…

vue实例实现事件接口

vue实例实现事件接口

Vue 实例实现事件接口的方法 Vue 实例可以通过内置的事件系统实现组件间的通信或触发自定义行为。以下是几种常见的事件接口实现方式: 使用 $on 和 $emit 通过 $emit 触发自定义…

react如何访问本地接口

react如何访问本地接口

访问本地接口的方法 在React中访问本地接口通常涉及开发环境配置和跨域问题处理。本地接口可能运行在本地开发服务器(如localhost:3000)或其他端口(如后端服务的localhost:8080…

react 共用组件如何请求接口

react 共用组件如何请求接口

共用组件请求接口的设计方法 在React中设计共用组件时,接口请求通常需要考虑组件的复用性、数据管理以及与父组件的通信。以下是几种常见的设计模式: 通过Props传递数据 父组件负责获取数据并通过p…

php接口怎么实现

php接口怎么实现

PHP 接口实现方法 在 PHP 中,接口(Interface)用于定义一组方法的规范,而不包含具体实现。接口通过 interface 关键字定义,类通过 implements 关键字实现接口。 定…

php怎么实现接口

php怎么实现接口

PHP 实现接口的方法 在 PHP 中,接口(Interface)是一种定义方法规范的机制,允许类实现这些方法。接口通过 interface 关键字定义,类通过 implements 关键字实现接口。…