Quick Integration

npx @react-native-community/cli@latest init MyReactNativeApp --version 0.75.0

import { TUILogin } from '@tencentcloud/tui-core';
import { TUIConversationService } from '@tencentcloud/chat-uikit-engine';
import Push from '@tencentcloud/react-native-push';

const SDKAppID = 0; // 您的 SDKAppID
const appKey = ''; // 客户端密钥
const userID = ''; // 您的 userID
const userSig = ''; // 对 UserID 加密后生成的签名串

TUILogin.login({
  SDKAppID,
  userID,
  userSig,
  useUploadPlugin: true,
  framework: 'rn',
}).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);
      }
    );
    
    // 监听通知栏点击事件，获取推送扩展信息
    Push.addPushListener(Push.EVENT.NOTIFICATION_CLICKED, (res) => {
      console.log('notification clicked', res);
      // 解析扩展信息，跳转到相应的会话
      try {
        const data = JSON.parse(res);
        const conv_type = data?.entity?.chatType === 1 ? 'C2C' : 'GROUP';
        TUIConversationService.switchConversation(`${conv_type}${data.entity.sender}`);
        navigation.navigate('Chat');
      } catch (error) {
        console.log('error', error);
      }
    });
    
    // 监听在线推送
    Push.addPushListener(Push.EVENT.MESSAGE_RECEIVED, (res) => {
      // res 为消息内容
      console.log('message received', res);
    });
  
    // 监听在线推送被撤回
    Push.addPushListener(Push.EVENT.MESSAGE_REVOKED, (res) => {
      // res 为被撤回的消息 ID
      console.log('message revoked', res);
    });
  }
});