Windows 和 macOS

  // ElectronProtocolCheck 文件代码见github示例
  import ElectronProtocolCheck from './ElectronProtocolCheck';
  
  // 需要进入课堂的id
  const classId  = 368507569;
  // 当前进入课堂用户的id
  const userId = "JIUzI1NiIsIn123456";
  // token 需要动态从后台接口获取，防止登录态过期失效
  const token =  'yJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE2ODAwNzQwMjEsImlhdCI6MTY3OTQ2OTIyMSwiaXNzIjoibFpNQ2tvTjNkSGlnVmhhcXJkdFc0cU9JYWpleVh2RWwiLCJzY2hvb2xfaWQiOjM5MjMxOTMsInVzZXJfaWQiOiIyTG9XREU2aHhzOUNCNVhCczZHT1BnVXpweUgifQ.2wzh6eUC4llbbGhchGDOYbDrsdSdymfP3zjLLPjnOII';
  const url = `tcic://class.qcloudclass.com/latest/class.html?classid=${classId}&userid=${userId}&token=${token}`;
  console.log(`callClient->start: ${url}`);
  // 唤起客户端
  ElectronProtocolCheck(
    url,
    () => {
      // 呼起成功
      console.log('callClient->success! ');
    },
    () => {
      console.log('callClient->failed! ');
      // 没有呼起来, 建议此处实现提示下载的弹窗

      // 如果用户点击下载 --> 换弹窗口信息，打开客户端。

      // 如果用户取消下载或关闭弹窗。在让用户尝试体验web/H5 版本的课堂
      // 也可以加上超时弹窗 一般 2500ms 内用户没有做出点击操作，可以出现模态点击框
    },
    () => {
        // 浏览器不支持等情况，可以走 web 链接加载
    });

// URL拼接方式
const url = `tcic://class.qcloudclass.com/latest/class.html?classid=${classId}&userid=${userId}&token=${token}debugjs=http://localhost:443/demo/dist/myLib.umd.min.js&debugcss=http://localhost:443/demo/dist/myLib.css`;

// SDK集成方式
TCIC.initialize({
  classId: '368507569',
  userId: '123456',
  token: 'yJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE2ODAwNzQwMjEsImlhdCI6MTY3OTQ2OTIyMSwiaXNzIjoibFpNQ2tvTjNkSGlnVmhhcXJkdFc0cU9JYWpleVh2RWwiLCJzY2hvb2xfaWQiOjM5MjMxOTMsInVzZXJfaWQiOiIyTG9XREU2aHhzOUNCNVhCczZHT1BnVXpweUgifQ.2wzh6eUC4llbbGhchGDOYbDrsdSdymfP3zjLLPjnOII',
  debugjs: 'http://localhost:443/demo/dist/myLib.umd.min.js',
  debugcss: 'http://localhost:443/demo/dist/myLib.css',
})

// 流水线打包方式
const options = {
  classId: '368507569',
  userId: '123456',
  token: 'yJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE2ODAwNzQwMjEsImlhdCI6MTY3OTQ2OTIyMSwiaXNzIjoibFpNQ2tvTjNkSGlnVmhhcXJkdFc0cU9JYWpleVh2RWwiLCJzY2hvb2xfaWQiOjM5MjMxOTMsInVzZXJfaWQiOiIyTG9XREU2aHhzOUNCNVhCczZHT1BnVXpweUgifQ.2wzh6eUC4llbbGhchGDOYbDrsdSdymfP3zjLLPjnOII',
  debugjs: 'http://localhost:443/demo/dist/myLib.umd.min.js',
  debugcss: 'http://localhost:443/demo/dist/myLib.css',
};
window.joinClass(options);