当前位置:首页 > uni-app

uniapp常用接口

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

uniapp常用接口分类

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

基础接口

  • 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. 网络请求接口需注意域名白名单配置,避免跨域问题。

代码示例

网络请求封装示例:

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;
    // 处理选中的图片路径
  }
});

uniapp常用接口

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

相关文章

vue实现接口轮询

vue实现接口轮询

实现接口轮询的基本方法 在Vue中实现接口轮询通常通过setInterval或setTimeout结合异步请求完成。以下是一个基础实现示例: data() { return { poll…

vue调用后台接口实现

vue调用后台接口实现

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

java如何写接口

java如何写接口

定义接口 在Java中,使用interface关键字定义接口。接口可以包含抽象方法、默认方法、静态方法和常量(隐式为public static final)。 public interface…

elementui常用

elementui常用

Element UI 常用组件 Element UI 是一套基于 Vue.js 的桌面端组件库,提供了丰富的 UI 组件,适用于快速开发企业级中后台产品。以下是 Element UI 中常用的组件及其…

java如何编写接口

java如何编写接口

编写Java接口的基本语法 在Java中,接口通过interface关键字定义,可以包含抽象方法、默认方法、静态方法和常量。 public interface MyInterface {…

vue 实现接口调用

vue 实现接口调用

使用 Axios 进行接口调用 安装 Axios 依赖: npm install axios 在 Vue 组件中引入并使用: import axios from 'axios'; expor…