前端修炼手册(uniapp的api篇)
一、页面相关API
- uni.navigateTo
该API用于跳转到应用内的某个页面,可以传递参数。
uni.navigateTo({
url: '/pages/detail/detail?id=1'
})
- uni.redirectTo
该API用于关闭当前页面并跳转到应用内的某个页面,可以传递参数。
uni.redirectTo({
url: '/pages/detail/detail?id=1'
})
- uni.switchTab
该API用于跳转到应用内的某个tab页,tab页是在pages.json
中配置的。
uni.switchTab({
url: '/pages/index/index'
})
- uni.reLaunch
该API用于关闭所有页面并跳转到应用内的某个页面,可以传递参数。
uni.reLaunch({
url: '/pages/index/index'
})
- uni.navigateBack
该API用于返回上一页或多级页面。
uni.navigateBack({
delta: 1
})
二、网络请求API
- 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)
}
})
- 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)
}
})
- uni.downloadFile
该API用于下载文件,支持下载到本地或云存储。
uni.downloadFile({
url: 'https://example.com/file',
success: (res) => {
console.log(res.tempFilePath)
},
fail: (err) => {
console.log(err)
}
})
三、媒体相关API
- uni.chooseImage
该API用于从相册或相机选择图片。
uni.chooseImage({
count: 1,
success: (res) => {
console.log(res.tempFilePaths)
},
fail: (err) => {
console.log(err)
}
})
- uni.previewImage
该API用于预览图片。
uni.previewImage({
urls: ['image1.jpg', 'image2.jpg'],
current: 'image1.jpg'
})
- uni.saveImageToPhotosAlbum
该API用于保存图片到相册。
uni.saveImageToPhotosAlbum({
filePath: 'image.jpg',
success: () => {
console.log('保存成功')
},
fail: (err) => {
console.log(err)
}
})
四、地理位置相关API
- uni.getLocation
该API用于获取当前地理位置。
uni.getLocation({
type: 'wgs84',
success: (res) => {
console.log(res.latitude, res.longitude)
},
fail: (err) => {
console.log(err)
}
})
- uni.openLocation
该API用于打开地图选择位置。
uni.openLocation({
latitude: 39.9,
longitude: 116.4,
name: '北京市',
address: '朝阳区'
})
五、设备相关API
- uni.getSystemInfo
该API用于获取设备信息。
uni.getSystemInfo({
success: (res) => {
console.log(res.model, res.platform)
},
fail: (err) => {
console.log(err)
}
})
- uni.scanCode
该API用于扫描二维码。
uni.scanCode({
success: (res) => {
console.log(res.result)
},
fail: (err) => {
console.log(err)
}
})
- uni.makePhoneCall
该API用于拨打电话。
uni.makePhoneCall({
phoneNumber: '10086'
})