指数
0
Watch 6 Star 14 Fork 4

哎码呀~ / wpjsJavaScript

加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
针对小程序API封装的Promise库 展开 收起

克隆/下载
sunjsona 最后提交于 更正API地址
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md

API地址

公众号

前端撸客

针对小程序API封装的Promise库

wp.canIUse

wp.canIUse('openBluetoothAdapter')
wp.canIUse('getSystemInfoSync.return.screenWidth')
wp.canIUse('getSystemInfo.success.screenWidth')
wp.canIUse('showToast.object.image')
wp.canIUse('onCompassChange.callback.direction')
wp.canIUse('request.object.method.GET')

wp.canIUse('live-player')
wp.canIUse('text.selectable')
wp.canIUse('button.open-type.contact')

getSystemInfoSyncTest

wx.getSystemInfoSync返回值查看

用法:

let info =  wp.getSystemInfoSync()
console.log(info)

wp.getSystemInfo

获取系统信息, wx.getSystemInfo的升级版,将传统的回调函数改成链式调用的方式

wp.getSystemInfo()
    .success(res => {
        console.log('获取信息成功')
        console.log(res)
        console.log(res.model)
        console.log(res.pixelRatio)
        console.log(res.windowWidth)
        console.log(res.windowHeight)
        console.log(res.language)
        console.log(res.version)
        console.log(res.platform)
    }).complete(res => {
        console.log('获取信息完毕')
        console.log(res)
    }).fail(err => {
        console.error('获取信息出错')
        console.error(err)
    })

res 的参数详情请点击这里

wp.getLaunchOptionsSync

wx.getLaunchOptionsSync 返回值请参考 wx.getLaunchOptionsSync


路由

wp.switchTab

wx.switchTab升级版,同样采用链式操作调用回调函数。用法:

wp.switchTab('/pages/index/index')
    .success(res => {
        console.log('跳转成功!')
    }).complete(res => {
        console.log('跳转完成!')
    }).fail(err => {
        console.log('跳转失败!')
    })

wp.reLaunch

wx.reLaunch升级版,同样采用链式操作调用回调函数。用法:

wp.reLaunch('/pages/index/index')
    .success(res => {
        console.log('跳转成功!')
    }).complete(res => {
        console.log('跳转完成!')
    }).fail(err => {
        console.log('跳转失败!')
    })

wp.redirectTo

wx.redirectTo 升级版,同样采用链式操作调用回调函数。用法:

wp.redirectTo('/pages/index/index')
    .success(res => {
        console.log('跳转成功!')
    }).complete(res => {
        console.log('跳转完成!')
    }).fail(err => {
        console.log('跳转失败!')
    })

wp.navigateBack

wx.navigateBack 升级版,同样采用链式操作调用回调函数。用法:

wp.navigateBack(1)
    .success(res => {
        console.log('跳转成功!')
    }).complete(res => {
        console.log('跳转完成!')
    }).fail(err => {
        console.log('跳转失败!')
    })

界面

wp.showToast

wx.showToast 升级版,同样采用链式操作调用回调函数。用法:

wp.showToast({
    title: '标题'
}).success((res) => {
    console.log('提示成功!')
}).complete(() => {
    console.log('提示完成')
})

wp.showModal

wx.showModal 升级版,同样采用链式操作调用回调函数。用法:

wp.showModal({
    title: '标题',
    content: '提示内容',
}).success((res) => {
    console.log('显示模态框')
}).complete(() => {
    console.log('操作完成')
})

wp.showLoading

wx.showLoading 升级版,同样采用链式操作调用回调函数。用法:

wp.showLoading({
  title: '加载中'
}

wp.showActionSheet

wx.showActionSheet 升级版,同样采用链式操作调用回调函数。用法:

wp.showActionSheet({
    itemList: ['A', 'B', 'C']
})

wp.hideToast

wx.hideToast 升级版

wp.hideToast()

wp.hideLoading

wx.hideLoading 升级版

wp.hideLoading()

wp.showNavigationBarLoading

wx.showNavigationBarLoading 升级版

wp.showNavigationBarLoading()

wp.hideNavigationBarLoading

wx.hideNavigationBarLoading 升级版

wp.hideNavigationBarLoading()

wp.setNavigationBarTitle

wx.setNavigationBarTitle 升级版,同样采用链式操作调用回调函数。用法:

wp.setNavigationBarTitle({
    title: '标题'
}).success((res) => {
    console.log('执行成功!')
}).complete(() => {
    console.log('执行完成')
})

wp.setNavigationBarColor

wx.setNavigationBarColor 升级版,同样采用链式操作调用回调函数。用法:

wp.setNavigationBarColor({
  frontColor: '#ffffff',
  backgroundColor: '#ff0000',
  animation: {
    duration: 400,
    timingFunc: 'easeIn'
  }
})

wp.setBackgroundTextStyle

wx.setBackgroundTextStyle 升级版,同样采用链式操作调用回调函数。用法:

wp.setBackgroundTextStyle({
  textStyle: 'dark' // 下拉背景字体、loading 图的样式为dark
})

wp.setBackgroundColor

wx.setBackgroundColor 升级版,同样采用链式操作调用回调函数。用法:

wp.setBackgroundColor({
  backgroundColorTop: '#ffffff', // 顶部窗口的背景色为白色
  backgroundColorBottom: '#ffffff', // 底部窗口的背景色为白色
})

wp.uploadFile

wx.uploadFile 升级版,同样采用链式操作调用回调函数。用法:

wp.uploadFile({
  url: 'https://example.weixin.qq.com/upload', // 仅为示例,非真实的接口地址
  filePath: tempFilePaths[0],
  name: 'file',
  formData: {
    user: 'test'
  }
}).success(res => {
  const data = res.data
  // do something
})

wp.downloadFile

wx.downloadFile 升级版,同样采用链式操作调用回调函数。用法:

wp.downloadFile({
  url: 'https://example.com/audio/123', // 仅为示例,非真实的接口地址
}).success(res => {
   // 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容
   if (res.statusCode === 200) {
     wx.playVoice({
       filePath: res.tempFilePath
     })
   }
})

wp.request

wx.request 升级版,同样采用链式操作调用回调函数。用法:

wp.request({
  url: 'test.php', // 仅为示例,并非真实的接口地址
  data: {
    x: '',
    y: ''
  },
  header: {
    'content-type': 'application/json' // 默认值
  },
  succe
}).success(res => {
   // 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容
   if (res.statusCode === 200) {
     wx.playVoice({
       filePath: res.tempFilePath
     })
   }
})

wp.saveImageToPhotosAlbum

wx.saveImageToPhotosAlbum 升级版,同样采用链式操作调用回调函数。用法:

wp.saveImageToPhotosAlbum()
.success(() => {
    // TODO.
})

wp.getImageInfo

wx.getImageInfo 升级版,同样采用链式操作调用回调函数。用法:

wp.getImageInfo({
   src: 'images/a.jpg'
 }).success(src => {
    // TODO.
 })

wp.compressImage

wx.compressImage 升级版,同样采用链式操作调用回调函数。用法:

wp.compressImage({
   src: 'images/a.jpg'
 }).success(src => {
    // TODO.
 })

wp.chooseImage

wx.chooseImage 升级版,同样采用链式操作调用回调函数。用法:

wp.chooseImage({
  count: 1,
  sizeType: ['original', 'compressed'],
  sourceType: ['album', 'camera']
}).success(res => {
  // tempFilePath可以作为img标签的src属性显示图片
  const tempFilePaths = res.tempFilePaths
})

点评 ( 0 )

你可以在登录后,发表评论

搜索帮助