@yangkangtan/mysJs-sdk

封装基于 @docoi/jsbridge-sdk 的H5 JSBridge SDK。

安装

pnpm add @yangkangtan/mysJs-sdk

快速开始

import mys from "@yangkangtan/mysJs-sdk"

// 获取系统信息
const info = await mys.getSystemInfo()
console.log(info.brand, info.platform)

// 显示提示框
await mys.showToast({ title: '操作成功', icon: 'success' })

三种调用方式

SDK 支持回调风格、Promise 风格、混合调用三种方式，完全兼容微信小程序 API 风格。

1. Promise / async-await（推荐）

import mys from "@yangkangtan/mysJs-sdk"

async function demo() {
  // 显示提示框
  await mys.showToast({ title: '加载中...' })

  // 获取网络类型
  const network = await mys.getNetworkType()
  console.log(network.networkType)

  // 获取系统信息
  const sys = await mys.getSystemInfo()
  console.log(sys.platform)  // "android" | "ios"
}

2. 纯回调风格

// 显示提示框（带成功回调）
mys.showToast({
  title: '提交成功',
  icon: 'success',
  duration: 1000,
  mask: true,
  success: function () {
    setTimeout(function () {
      // 提示结束后执行操作
    }, 1000);
  },
  fail: function (err) {
    console.error('显示失败', err.errMsg)
  }
})

// 隐藏提示框
mys.hideToast({
  success: () => { console.log('提示框已隐藏') }
})

// 获取系统信息
mys.getSystemInfo({
  success: (res) => {
    console.log(res.brand, res.platform)
  }
})

3. 混用（传入回调但仍返回 Promise）

// 传入回调，但同时返回 Promise
const res = await mys.getStorage(
  { key: 'userInfo' },
  {
    success: () => { console.log('获取成功') },
    fail: (err) => { console.error(err) }
  }
)
console.log(res.data)  // Promise result 同样可用

开发命令

# 安装依赖
pnpm install

# 监听模式构建
pnpm dev

# 生产构建
pnpm build

# 类型检查
pnpm type-check

License

MIT