javascript - 如何使用 Cloudflare 工作人员进行 A/B 测试

Question

我正在寻找一个示例，说明这两行代码在正常运行的 A/B 测试 worker 中的样子。来自 https://developers.cloudflare.com/workers/examples/ab-testing

const TEST_RESPONSE = new Response("Test group") // e.g. await fetch("/test/sompath", request)
const CONTROL_RESPONSE = new Response("Control group") // e.g. await fetch("/control/sompath", request)

我使用了示例，替换了我正在使用的路径，但得到了一个语法错误，提示 await 只能在 async 中使用。所以我将函数更改为异步函数 handleRequest(request) 并收到 500 错误。
这两行代码应该是什么样子的？

Answer 1

工作示例

document.getElementById("myBtn").addEventListener("click", myFun);



async function myFun() {
  const isTest = Math.random() > 0.5 //here you place your condition
  const res = isTest ? await fetch1() : await fetch1() //here you should have different fetches for A and B
  console.log(res)
  document.getElementById("demo").innerHTML = res.message;
}

async function fetch1() {
  //I took the link from some other SO answer as I was running into CORS problems with e.g. google.com
  return fetch("https://currency-converter5.p.rapidapi.com/currency/list?format=json", {
      "method": "GET",
      "headers": {
        "x-rapidapi-host": "currency-converter5.p.rapidapi.com",
        "x-rapidapi-key": "**redacted**"
      }
    })
    .then(response => response.json())
}

<button id="myBtn">button</button>
<div id="demo">demo</div>
<script src="https://unpkg.com/@babel/standalone@7/babel.min.js"></script>
<script type="text/babel">

</script>