tencent cloud

   // For ElectronProtocolCheck file code, see the GitHub example
  import ElectronProtocolCheck from './ElectronProtocolCheck';
  
  // The ID required to enter the classroom
  const classId  = 368507569;
  // The ID of the user currently entering the classroom
  const userId = "JIUzI1NiIsIn123456";
  // The token needs to be dynamically obtained from the backend interface to prevent login state expiration and invalidation
  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}`);
  // Invoke client
  ElectronProtocolCheck(
    url,
    successCallBack: (res) => {
      // Call successful
      console.log('callClient->success! ');
    },
    failCallBack: (res) => {
      console.log('callClient->failed! ');
      // If the call fails, it is recommended to pop up a window that suggests the download here.

      // If the user clicks to download --> Change the pop-up window information, and open the client.

      // If the user cancels the download or closes the pop-up window, let the user try the Web/H5 version of the classroom.
      // You can also add a timeout pop-up window. Generally, if the user does not click within 2500 ms, a modal click box can be displayed.
    },
    unsupportedCallBack: () {
        // For browsers that are not supported, you can use a web link to load.
    });

// URL Concatenation Method
const url = `tcic://class.qcloudclass.com/latest/class.html?classid=${classId}&userid=${userId}&token=${token}debugjs=%!s(<nil>)&debugcss=%!s(<nil>)`;

// SDK Integration Method
TCIC.initialize({
  classId: '368507569',
  userId: '123456',
  token: 'yJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE2ODAwNzQwMjEsImlhdCI6MTY3OTQ2OTIyMSwiaXNzIjoibFpNQ2tvTjNkSGlnVmhhcXJkdFc0cU9JYWpleVh2RWwiLCJzY2hvb2xfaWQiOjM5MjMxOTMsInVzZXJfaWQiOiIyTG9XREU2aHhzOUNCNVhCczZHT1BnVXpweUgifQ.2wzh6eUC4llbbGhchGDOYbDrsdSdymfP3zjLLPjnOII',
  debugjs: '%!s(<nil>)',
  debugcss: '%!s(<nil>)',
})

// Pipeline Packaging Method
const options = {
  classId: '368507569',
  userId: '123456',
  token: 'yJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE2ODAwNzQwMjEsImlhdCI6MTY3OTQ2OTIyMSwiaXNzIjoibFpNQ2tvTjNkSGlnVmhhcXJkdFc0cU9JYWpleVh2RWwiLCJzY2hvb2xfaWQiOjM5MjMxOTMsInVzZXJfaWQiOiIyTG9XREU2aHhzOUNCNVhCczZHT1BnVXpweUgifQ.2wzh6eUC4llbbGhchGDOYbDrsdSdymfP3zjLLPjnOII',
  debugjs: '%!s(<nil>)',
  debugcss: '%!s(<nil>)',
};
window.joinClass(options);