前端修炼手册（uniapp的api篇）

一、页面相关API

1. uni.navigateTo
   该API用于跳转到应用内的某个页面，可以传递参数。

uni.navigateTo({
  url: '/pages/detail/detail?id=1'
})
1
2
3

2. uni.redirectTo
   该API用于关闭当前页面并跳转到应用内的某个页面，可以传递参数。

uni.redirectTo({
  url: '/pages/detail/detail?id=1'
})
1
2
3

3. uni.switchTab
   该API用于跳转到应用内的某个tab页，tab页是在pages.json中配置的。

uni.switchTab({
  url: '/pages/index/index'
})
1
2
3

4. uni.reLaunch
   该API用于关闭所有页面并跳转到应用内的某个页面，可以传递参数。

uni.reLaunch({
  url: '/pages/index/index'
})
1
2
3

5. uni.navigateBack
   该API用于返回上一页或多级页面。

uni.navigateBack({
  delta: 1
})
1
2
3

二、网络请求API

1. uni.request
   该API用于发起网络请求，支持GET、POST等请求方式。

uni.request({
  url: 'https://api.example.com',
  method: 'GET',
  data: {
    id: 1
  },
  success: (res) => {
    console.log(res.data)
  },
  fail: (err) => {
    console.log(err)
  }
})
1
2
3
4
5
6
7
8
9
10
11
12
13

2. uni.uploadFile
   该API用于上传文件，支持上传到服务器或云存储。

uni.uploadFile({
  url: 'https://api.example.com',
  filePath: 'path/to/file',
  name: 'file',
  success: (res) => {
    console.log(res.data)
  },
  fail: (err) => {
    console.log(err)
  }
})
1
2
3
4
5
6
7
8
9
10
11

3. uni.downloadFile
   该API用于下载文件，支持下载到本地或云存储。

uni.downloadFile({
  url: 'https://example.com/file',
  success: (res) => {
    console.log(res.tempFilePath)
  },
  fail: (err) => {
    console.log(err)
  }
})
1
2
3
4
5
6
7
8
9

三、媒体相关API

1. uni.chooseImage
   该API用于从相册或相机选择图片。

uni.chooseImage({
  count: 1,
  success: (res) => {
    console.log(res.tempFilePaths)
  },
  fail: (err) => {
    console.log(err)
  }
})
1
2
3
4
5
6
7
8
9

2. uni.previewImage
   该API用于预览图片。

uni.previewImage({
  urls: ['image1.jpg', 'image2.jpg'],
  current: 'image1.jpg'
})
1
2
3
4

3. uni.saveImageToPhotosAlbum
   该API用于保存图片到相册。

uni.saveImageToPhotosAlbum({
  filePath: 'image.jpg',
  success: () => {
    console.log('保存成功')
  },
  fail: (err) => {
    console.log(err)
  }
})
1
2
3
4
5
6
7
8
9

四、地理位置相关API

1. uni.getLocation
   该API用于获取当前地理位置。

uni.getLocation({
  type: 'wgs84',
  success: (res) => {
    console.log(res.latitude, res.longitude)
  },
  fail: (err) => {
    console.log(err)
  }
})
1
2
3
4
5
6
7
8
9

2. uni.openLocation
   该API用于打开地图选择位置。

uni.openLocation({
  latitude: 39.9,
  longitude: 116.4,
  name: '北京市',
  address: '朝阳区'
})
1
2
3
4
5
6

五、设备相关API

1. uni.getSystemInfo
   该API用于获取设备信息。

uni.getSystemInfo({
  success: (res) => {
    console.log(res.model, res.platform)
  },
  fail: (err) => {
    console.log(err)
  }
})
1
2
3
4
5
6
7
8

2. uni.scanCode
   该API用于扫描二维码。

uni.scanCode({
  success: (res) => {
    console.log(res.result)
  },
  fail: (err) => {
    console.log(err)
  }
})
1
2
3
4
5
6
7
8

3. uni.makePhoneCall
   该API用于拨打电话。

uni.makePhoneCall({
  phoneNumber: '10086'
})
1
2
3