Send a Message

chat.createTextMessage(options);

// Send text messages, same for Web and Mini Program
// 1. Create a message instance, the instance returned by the interface can be displayed
let message = chat.createTextMessage({
  to: 'user1',
  conversationType: TencentCloudChat.TYPES.CONV_C2C,
  // Message priority for group chat. If the message frequency limit is exceeded in a group, the backend will prioritize high-priority messages
  // priority: TencentCloudChat.TYPES.MSG_PRIORITY_NORMAL,
  payload: {
    text: 'Hello world!'
  },
  // If you need read receipts for your messages, you need to purchase the flagship package and set needReadReceipt to true when creating the message
  needReadReceipt: true
  // Custom message data, saved in the cloud, will be sent to the peer end, and can still be pulled after the application is uninstalled and reinstalled
  // cloudCustomData: 'your cloud custom data'
});
// 2. Send a message
let promise = chat.sendMessage(message);
promise.then(function(imResponse) {
  // Sending succeeded.
  console.log(imResponse);
}).catch(function(imError) {
  // Sending fails.
  console.warn('sendMessage error:', imError);
});

// Sending a Targeted Group Message
// Note: Targeted group messages are excluded from the unread count of a conversation. `receiverList` supports up to 50 recipients.
let message = chat.createTextMessage({
  to: 'group1',
  conversationType: TencentCloudChat.TYPES.CONV_GROUP,
  payload: {
    text: 'Hello world!'
  },
  // To send a targeted group message, you must purchase the Enterprise Edition Package and specify the message receivers through receiverList when creating the message
  receiverList: ['user0', 'user1']
});
// Send a message.
let promise = chat.sendMessage(message);
promise.then(function(imResponse) {
  // Sending succeeded.
  console.log(imResponse);
}).catch(function(imError) {
  // Sending fails.
  console.warn('sendMessage error:', imError);
});

chat.createTextAtMessage(options);

// Send text messages, same for Web and Mini Program
// 1. Create a message instance, the instance returned by the interface can be displayed
let message = chat.createTextAtMessage({
  to: 'group1',
  conversationType: TencentCloudChat.TYPES.CONV_GROUP,
  // Message priority for group chat
  // priority: TencentCloudChat.TYPES.MSG_PRIORITY_NORMAL,
  payload: {
    text: '@denny @lucy @everyone Dinner tonight, please reply 1 if received',
    // 'denny' and 'lucy' are userIDs, not nicknames
    atUserList: ['denny', 'lucy', TencentCloudChat.TYPES.MSG_AT_ALL]
  },
  // Custom message data, saved in the cloud, will be sent to the peer end, and can still be pulled after the application is uninstalled and reinstalled
  // cloudCustomData: 'your cloud custom data'
});
// 2. Send a message
let promise = chat.sendMessage(message);
promise.then(function(imResponse) {
  // Sending succeeded.
  console.log(imResponse);
}).catch(function(imError) {
  // Sending fails.
  console.warn('sendMessage error:', imError);
});

npm install react-native-image-picker --save

chat.createImageMessage(options);

import {launchImageLibrary} from 'react-native-image-picker';
// 1. Select an Image
launchImageLibrary({
  mediaType: 'photo',
  selectionLimit: 1,
}).then((result) => {
 const file = result.assets[0];
 // 2. Create a message instance. The instance returned by the interface can be displayed on the screen
 let message = chat.createImageMessage({
    to: 'user1',
    conversationType: TencentCloudChat.TYPES.CONV_C2C,
    payload: { file: file },
    // React Native does not support upload progress callback
    // onProgress: function(event) { console.log('file uploading:', event) }
  });
  // 3. Send Image
  let promise = chat.sendMessage(message);
  promise.then(function(imResponse) {
    // Sending succeeded.
    console.log(imResponse);
  }).catch(function(imError) {
    // Sending fails.
    console.warn('sendMessage error:', imError);
  });
});

import {launchCamera} from 'react-native-image-picker';
// 1. Take Photo
launchCamera({
  mediaType: 'photo',
  cameraType: 'back',
}).then((result) => {
 const file = result.assets[0];
 // 2. Create a message instance. The instance returned by the interface can be displayed on the screen
 let message = chat.createImageMessage({
    to: 'user1',
    conversationType: TencentCloudChat.TYPES.CONV_C2C,
    payload: { file: file },
    // React Native does not support upload progress callback
    // onProgress: function(event) { console.log('file uploading:', event) }
  });
  // 3. Send Image
  let promise = chat.sendMessage(message);
  promise.then(function(imResponse) {
    // Sending succeeded.
    console.log(imResponse);
  }).catch(function(imError) {
    // Sending fails.
    console.warn('sendMessage error:', imError);
  });
});

npm install react-native-audio-recorder-player --save

chat.createAudioMessage(options);

import AudioRecorderPlayer, {AVEncodingOption} from 'react-native-audio-recorder-player';
 
// Record the recording duration, unit: ms
let duration = 0;
// Record recording file path
let uri = '';

// 1. Start recording
const onStartRecord = async () => {
  await audioRecorderPlayer.startRecorder('test.aac',{
    VFormatIDKeyIOS: AVEncodingOption.aac,
  });
  audioRecorderPlayer.addRecordBackListener((e: any) => {
    duration = e.currentPosition;
  });
};
// 2. Stop recording
const onStopRecord = async () => {
  uri = await audioRecorderPlayer.stopRecorder();
  audioRecorderPlayer.removeRecordBackListener();
};
// 3. Send voice
const file = {
  uri: uri,
  duration: duration,
};
let message = chat.createAudioMessage({
  to: 'user1',
  conversationType: 'C2C',
  payload: {
    file: file,
  },
  // React Native does not support upload progress callback
  // onProgress: function(event) { console.log('file uploading:', event) }
});
let promise = chat.sendMessage(message);
promise.then(function(imResponse) {
  // Sending succeeded.
  console.log(imResponse);
}).catch(function(imError) {
  // Sending fails.
  console.warn('sendMessage error:', imError);
});

npm install react-native-image-picker --save

chat.createVideoMessage(options);

import {launchImageLibrary} from 'react-native-image-picker';
// 1. Select a Video
launchImageLibrary({
  mediaType: 'video',
  selectionLimit: 1,
}).then((result) => {
 const file = result.assets[0];
 // 2. Create a message instance. The instance returned by the interface can be displayed on the screen
 let message = chat.createVideoMessage({
    to: 'user1',
    conversationType: TencentCloudChat.TYPES.CONV_C2C,
    payload: { file: file },
    // React Native does not support upload progress callback
    // onProgress: function(event) { console.log('file uploading:', event) }
  });
  // 3. Send Video
  let promise = chat.sendMessage(message);
  promise.then(function(imResponse) {
    // Sending succeeded.
    console.log(imResponse);
  }).catch(function(imError) {
    // Sending fails.
    console.warn('sendMessage error:', imError);
  });
});

import {launchCamera} from 'react-native-image-picker';
// 1. Record Video
launchCamera({
  mediaType: 'video',
  cameraType: 'back',
}).then((result) => {
 const file = result.assets[0];
 // 2. Create a message instance. The instance returned by the interface can be displayed on the screen
 let message = chat.createVideoMessage({
    to: 'user1',
    conversationType: TencentCloudChat.TYPES.CONV_C2C,
    payload: { file: file },
    // React Native does not support upload progress callback
    // onProgress: function(event) { console.log('file uploading:', event) }
  });
  // 3. Send Video
  let promise = chat.sendMessage(message);
  promise.then(function(imResponse) {
    // Sending succeeded.
    console.log(imResponse);
  }).catch(function(imError) {
    // Sending fails.
    console.warn('sendMessage error:', imError);
  });
});

chat.createCustomMessage(options);

// Example: Implementing dice rolling using custom messages
// 1. Define a random function
function random(min, max) {
  return Math.floor(Math.random() * (max - min + 1) + min);
}
// 2. Create a message instance. The instance returned by the interface can be displayed on the screen
let message = chat.createCustomMessage({
  to: 'user1',
  conversationType: TencentCloudChat.TYPES.CONV_C2C,
  // Message priority for group chat
  // priority: TencentCloudChat.TYPES.MSG_PRIORITY_HIGH,
  payload: {
    data: 'dice', // Identifies the message as a dice type message
    description: String(random(1,6)), // Get dice points
    extension: ''
  }
});
// 3. Send a message
let promise = chat.sendMessage(message);
promise.then(function(imResponse) {
  // Sending succeeded.
  console.log(imResponse);
}).catch(function(imError) {
  // Sending fails.
  console.warn('sendMessage error:', imError);
});

chat.createFaceMessage(options);

// Send emoji messages, same for Web and Mini Program.
// 1. Create a message instance, the instance returned by the interface can be displayed
let message = chat.createFaceMessage({
  to: 'user1',
  conversationType: TencentCloudChat.TYPES.CONV_C2C,
  // Message priority for group chat
  // priority: TencentCloudChat.TYPES.MSG_PRIORITY_NORMAL,
  payload: {
    index: 1, // Number Emoji index, user-defined
    data: 'tt00' // String Extra data
  },
  // Custom message data, saved in the cloud, will be sent to the peer end, and can still be pulled after the application is uninstalled and reinstalled
  // cloudCustomData: 'your cloud custom data'
});
// 2. Send a message
let promise = chat.sendMessage(message);
promise.then(function(imResponse) {
  // Sending succeeded.
  console.log(imResponse);
}).catch(function(imError) {
  // Sending fails.
  console.warn('sendMessage error:', imError);
});

npm install react-native-document-picker --save

chat.createFileMessage(options);

import DocumentPicker from 'react-native-document-picker';
 
// 1. Select File
DocumentPicker.pick({
  type: [DocumentPicker.types.allFiles],
}).then((result) => {
 const file = result[0];
 // 2. Create a message instance. The instance returned by the interface can be displayed on the screen
 let message = chat.createFileMessage({
    to: 'user1',
    conversationType: TencentCloudChat.TYPES.CONV_C2C,
    payload: { file: file },
    // React Native does not support upload progress callback
    // onProgress: function(event) { console.log('file uploading:', event) }
  });
  // 3. Send File
  let promise = chat.sendMessage(message);
  promise.then(function(imResponse) {
    // Sending succeeded.
    console.log(imResponse);
  }).catch(function(imError) {
    // Sending fails.
    console.warn('sendMessage error:', imError);
  });
});

chat.createLocationMessage(options);