Skip to content

Api代理

convert API at each end 各个平台之间 api 进行转换,目前已支持微信转支付宝、微信转web、微信转RN

Usage

js
// 使用 mpx 生态

import mpx from '@mpxjs/core'
import apiProxy from '@mpxjs/api-proxy'

mpx.use(apiProxy, options)
js
// 脱离 Mpx 单独使用
import { getProxy } from '@mpxjs/api-proxy'
// proxy 即为target 实例
const proxy = getProxy(options)

proxy.navigateTo({
  url: '/pages/test',
  success (res) {
    console.log(res)
  }
})

Options

参数名称类型含义是否必填默认值备注
platformObject各平台之间的转换已删除
excludeArray(String)跨平台时不需要转换的 api已删除
usePromiseBoolean是否将 api 转化为 promise 格式使用false-
whiteListArray(String)强行转化为 promise 格式的 api[]需要 usePromise 设为 true
blackListArray(String)强制不变成 promise 格式的 api[]-
fallbackMapObject对于不支持的API,允许配置一个映射表,接管不存在的API{}已删除
customObject提供用户在各渠道下自定义api开放能力[]-

example

普通形式

js
import mpx from '@mpxjs/core'
import apiProxy from '@mpxjs/api-proxy'

mpx.use(apiProxy, {
  exclude: ['showToast'] // showToast 将不会被转换为目标平台
})

mpx.showModal({
  title: '标题',
  content: '这是一个弹窗',
  success (res) {
    if (res.cancel) {
      console.log('用户点击取消')
    }
  }
})

使用promise形式

开启usePromise时所有的异步api将返回promise,但是小程序中存在一些异步api本身的返回值是具有意义的,如uploadFile会返回一个uploadTask对象用于后续监听上传进度或者取消上传,在对api进行promise化之后我们会将原始的返回值挂载到promise.__returned属性上,便于开发者访问使用

⚠️ 注意

  • mpx中开启usePromise后,所有options中有success和fail都会以promise风格处理,不与微信拉齐
  • 开启 usePromise 后,若同时写了 success 和 then,两者都会执行。但需注意:启用 usePromise 后,API 调用应使用 promise 方式;若仍用 success/fail 接收回调,当 API 调用失败时,promise 的 catch 会无法捕获错误,进而触发 onUnhandledRejection 来捕获该错误。
  • 整体支持 promise 写法,但个别 API 若想继续用 success/fail 回调,又不想出现调用失败未被 catch 的报错,可在调用API方法时传 usePromise: false(默认 true),临时关闭本次 promise 转换
js
import mpx from '@mpxjs/core'
import apiProxy from '@mpxjs/api-proxy'

mpx.use(apiProxy, {
  usePromise: true
})

mpx.showActionSheet({
  itemList: ['A', 'B', 'C']
})
.then(res => {
  console.log(res.tapIndex)
})
.catch(err => {
  console.log(err)
})

// 关闭本次调用转换promise风格
mpx.showActionSheet({
  itemList: ['A', 'B', 'C'],
  success (res) {
    console.log(res.tapIndex)
  },
  fail () {
    console.log(err)
  },
  usePromise: false // 关闭设置
})