UniApp を設定して使用してグレースケール パブリッシングと AB テストを実装する方法

{
  "gray_list": ["10%"]
}

<template>
  <view>
    <view v-if="isGrayListUser">新功能展示</view>
    <view v-else>旧功能展示</view>
  </view>
</template>

<script>
export default {
  computed: {
    isGrayListUser() {
      const grayList = ["10%"]; // 获取灰度发布的配置
      const userHash = this.$store.state.user.hash; // 获取用户标识
      const userIndex = parseInt(userHash.slice(-2), 16);
      const grayListIndex = parseInt(grayList[0].slice(0, -1));
      return userIndex < grayListIndex; // 判断用户是否在灰度白名单中
    }
  }
}
</script>

{
  "ab_version": ["A", "B"]
}

<template>
  <view>
    <view v-if="version === 'A'">版本 A 的内容</view>
    <view v-else-if="version === 'B'">版本 B 的内容</view>
  </view>
</template>

<script>
export default {
  computed: {
    version() {
      const abVersion = ["A", "B"]; // 获取 AB 测试的配置
      const userHash = this.$store.state.user.hash; // 获取用户标识
      const userIndex = parseInt(userHash.slice(-2), 16);
      const versionIndex = userIndex % abVersion.length;
      return abVersion[versionIndex]; // 根据用户标识获取对应的版本
    }
  }
}
</script>