WebJS集成ABTest

web JS 集成

导入插件

第一步： 初始化web JS SDK，参考SDK配置，ABTEST集成在SDK中

import hina from 'hina-cloud-js-sdk'

// sdk初始化
hina.init({
//参数
...
})

初始化ABTEST

const abTest = hina.use('HinaABTest', {
    url: '分流接口'
})

window['abTest'] = abTest

获取试验变量

初始化 SDK 之后，通过 API 获取具体试验的变量值，根据获取试验变量值的方式，可分为下面三种策略：

• fetchCacheABTest ：读取本地缓存，缓存不存在时使用默认值
• asyncFetchABTest ：忽略本地缓存，从服务端获取数据
• fastFetchABTest ：优先读取本地缓存，缓存不存在时从服务端获取数据
  参数说明：

  {
    paramName: '试验变量名'，
    defaultValue：试验默认值
  }

示例：

...
// 注意试验变量类型，目前支持：数字、文本、布尔、json四种类型
window['abTest']?.fetchCacheABTest({
    abtestExperimentId： '试验ID',
    paramName: '试验变量名',
    valueType: '类型值' // INTEGER：数字，STRING：字符串，BOOLEAN：布尔值
    defaultValue: '试验默认值'
    callback: () => {
        // 回调函数
    },
    timeoutMilliseconds: '超时事件' //可选 默认3000
},(result)=>{
    console.log(result);
}):

调试试验

获取设备id

通过海纳嗨数（web JS）埋点 SDK 获取设备id，详见：【获取设备唯一ID】

录入设备列表

在海纳云平台找到调试页面，将设备id录入到调试设备管理列表中，在创建试验时，可以将指定调试设备录入到对应试验分组，这样就可以在调试设备看到分流后的试验效果了