WebChat -直接线路语音适配器错误: WebSocket连接失败，错误为400开发者社区

文章/答案/技术大牛

发布

<!DOCTYPE html>
<html lang="en-US">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <script
      crossorigin="anonymous"
      src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script>
    <title>Speech Test</title>
          <style>
      html,
      body {
        height: 100%;
      body {
        margin: 0;
      #webchat {
        height: 100%;
        width: 100%;
    </style>
  </head>
    <div id="root"></div>
    <div id="webchat" role="main"></div>
    <script>
      (async function () {
        async function fetchCredentials(){
          const res = await fetch(
            "https://westeurope.api.cognitive.microsoft.com/sts/v1.0/issueToken",
              method: "POST",
              headers: {
                "Ocp-Apim-Subscription-Key": `XXXXXXXXX`,
          if (!res.ok) {
            throw new Error("Failed to fetch authorization token and region.");
          return { authorizationToken: await res.text(), region: "westeurope" };
        const adapters = await window.WebChat.createDirectLineSpeechAdapters({
          fetchCredentials
        window.WebChat.renderWebChat(
          ...adapters
          document.getElementById("webchat")
        document.querySelector("#webchat > *").focus();
      })().catch((err) => err);
    </script>

问 WebChat -直接线路语音适配器错误: WebSocket连接失败，错误为400 EN