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录入到调试设备管理列表中,在创建试验时,可以将指定调试设备录入到对应试验分组,这样就可以在调试设备看到分流后的试验效果了

作者:张永健  创建时间:2024-10-15 16:12
最后编辑:张永健  更新时间:2024-10-31 14:08