Web

function injectTcccWebSDK(SdkURL) {
    if (window.tccc) {
      console.warn('已经初始化SDK了，请确认是否重复执行初始化');
      return;
    }
    return new Promise((resolve, reject) => {
      const script = document.createElement('script');
      script.setAttribute('crossorigin', 'anonymous');
      // 需要渲染进的DomId，如果填写则没有悬浮窗，工作台直接渲染进指定的 dom 元素
      // 为保证工作台 UI 完整，渲染的 Dom 最小高度为480px，最小宽度为760px
      // script.dataset.renderDomId = "renderDom";
      script.src = SdkURL;
      document.body.appendChild(script);
      script.addEventListener('load', () => {
        // 加载JS SDK文件成功，此时可使用全局变量"tccc"
        window.tccc.on(window.tccc.events.ready, () => {
          /**
          * Tccc SDK 初始化成功，此时可调用外呼、监听呼入事件等功能。
          * 注意：请确保只初始化一次 SDK
          * */
          resolve('初始化成功')
        });
        window.tccc.on(window.tccc.events.tokenExpired, ({message}) => {
          console.error('初始化失败', message)
          reject(message)
        })
      })
    })
}

// 请求第二步实现的接口 /loginTCCC 
// 注意：以下仅为代码样例，不建议直接运行
fetch('/loginTCCC')
  .then(res => res.json())
  .then((res) => {
    const SdkURL = res.SdkURL; // 请确保 SdkURL 都是通过请求返回的，否则可能会出现不可预知的错误！
    return injectTcccWebSdk(SdkURL);    
  })
  .catch((error) => {
    // 初始化失败
    console.error(error);    
  })