Quick Integration

import { TUILogin } from '@tencentcloud/tui-core';
import { TUIConversationService } from '@tencentcloud/chat-uikit-engine';
import * as Push from '@/uni_modules/TencentCloud-Push';

const SDKAppID = 0; // Your SDKAppID
const appKey = ''; // Client Key
const userID = ''; // Your userID
const userSig = ''; // Your userID's key

let vueVersion = 2;
// #ifdef VUE3
vueVersion = 3;
// #endif

TUILogin.login({
  SDKAppID,
  userID,
  userSig,
  useUploadPlugin: true,
  framework: `vue${vueVersion}`,
}).then(() => {
  if (Push) {
    Push.setRegistrationID(userID, () => {
      console.log('setRegistrationID ok', userID);
      
      Push.registerPush(SDKAppID, appKey, (data) => {
          console.log('registerPush ok', data);
          Push.getRegistrationID((registrationID) => {
            console.log('getRegistrationID ok', registrationID);
          });
        }, (errCode, errMsg) => {
          console.error('registerPush failed', errCode, errMsg);
        }
      );
    });
    
    // Listen for notification bar click events to get push extension information
    Push.addPushListener(Push.EVENT.NOTIFICATION_CLICKED, (res) => {
      console.log('notification clicked', res);
      // Parse extended information and navigate to the corresponding session (code for reference, needs improvement before release)
      try {
        const data = JSON.parse(res.data);
        const conv_type = data?.entity?.chatType === 1 ? 'C2C' : 'GROUP';
        // Constructed conversationID based on push information
        const conversationID = `${conv_type}${data.entity.sender}`;
        // Switch session
        TUIConversationService.switchConversation(conversationID);
        const chatPath = '/TUIKit/components/TUIChat/index';
        uni.navigateTo({ url: chatPath });
      } catch (error) {
        console.log('error', error);
      }
    });
    
    // Listen for online push
    Push.addPushListener(Push.EVENT.MESSAGE_RECEIVED, (res) => {
      // res is the message content
      console.log('message received', res);
    });
  
    // Listen for online push recall
    Push.addPushListener(Push.EVENT.MESSAGE_REVOKED, (res) => {
      // res is the ID of the recalled message
      console.log('message revoked', res);
    });
  }
});