安装

$ npm i blue-game-sdk -S

挂载SDK

js

import { RegistryBluedJSBridge } from 'blue-game-sdk'

window.onload = () => {
  RegistryBluedJSBridge({
    DEBUG: true,
    // SDK注入成功回调
    onInject: BLUED => {
      BLUED.getConfig(data => {/* ... */})
      // 调起充值面板
      BLUED.recharge()
      // Toast
      BLUED.showToast('提示信息')
      // 关闭webview容器
      BLUED.closeGame()
      // 购买道具接口回调
      BLUED.buyCallback({code: 200, message: '成功'})
    },
    // SDK注入失败回调
    onError: () => {/* ... */}
  })
}

// 调用
window.BLUED.getConfig()

/* ... */

react

import React, { useEffect } from 'react'
import { render } from 'react-dom'
import { RegistryBluedJSBridge } from 'blue-game-sdk'

const main = () => {
  useEffect(() => {
    RegistryBluedJSBridge()
  }, [])

  const handleClick = () => {
      window.BLUED.getConfig(data => {/* ... */})
      // 调起充值面板
      window.BLUED.recharge()
      // Toast
      window.BLUED.showToast('提示信息')
      // 关闭webview容器
      window.BLUED.closeGame()
      // 购买道具接口回调
      window.BLUED.buyCallback({code: 200, message: '成功'})
  }

  ...
}

render(
  document.querySelector('#root')
  <main/>
)

方法列表

| 描述 | 方法 | 参数 | 参数类型 | 参数示例 | 返回值(JSON) | | ------------- | ------------------------ | -------- | -------- | ---------------------------- | -------------------------------------------------------------------------- | | 获取信息 | window.BLUED.getConfig | callback | Function | (res) => {} | app: 客户端标识; avatar: 头像; name: 昵称; token: 标识; platform: 平台标识 | | 调起充值面板 | window.BLUED.recharge | - | - | - | - | | 全局Toast提示 | window.BLUED.showToast | message | String | 'Toast Message' | - | | 兑换道具回调 | window.BLUED.buyCallback | params | Object | {code: 200, message: '成功'} | - | | 关闭游戏页面 | window.BLUED.closeGame | - | - | - | - |