Skip to content

例子

Vue3代码示例

js

第一步:全量引入
import * as itb from 'itb-js-sdk'
itb.init({ debug: true, auth: false })
// 提供 itb 实例给子组件使用
provide('itb', itb)

第二步:定义一个hook文件:useItb(可以随便起)
export interface ItbWebview {
  exit: () => void
}

export interface ItbInstance {
  webview?: ItbWebview
}

export function useItb() {
  const itb: ItbInstance = inject('itb')
  return {
    itb,
    exitWebview: () => {
      if (itb?.webview) {
        itb.webview.exit()  // 这里就是sdk提供的方法
      }
    },
  }
}
第三步使用: 
3.1 定义一个方法判断是否是itb环境
// 判断是否是ITB打开
export function isItb() {
  return window.navigator.userAgent.includes("itb")
}

import { useItb } from '@/hooks/useItb'
const { exitWebview } = useItb()
const isItbApp = isItb()

自己的业务逻辑调用即可。