Langkah 4: Kirim dan Terima Pesan Pertama Anda

Gunakan token obrolan Anda untuk terhubung ke ruang obrolan dan mengirim pesan pertama. Contoh kode JavaScript disediakan di bawah ini. SDK klien IVS juga tersedia: lihat SDK Obrolan: Panduan Android, SDK Obrolan: Panduan iOS, dan SDK Obrolan: Panduan JavaScript.

Layanan wilayah: Contoh kode di bawah ini mengacu pada “wilayah pilihan yang didukung.” Obrolan Amazon IVS menawarkan titik akhir wilayah yang dapat digunakan untuk membuat permintaan Anda. Untuk API Perpesanan Obrolan Amazon IVS, sintaks umum titik akhir wilayah adalah:

• wss://edge.ivschat.<region-code>.amazonaws.com

Sebagai contoh, wss://edge.ivschat.us-west-2.amazonaws.com adalah titik akhir di wilayah AS Barat (Oregon). Untuk daftar wilayah yang didukung, lihat informasi Obrolan Amazon IVS di halaman Amazon IVS dalam Referensi Umum AWS.

/*
1. To connect to a chat room, you need to create a Secure-WebSocket connection
using the client token you created in the previous steps. Use one of the provided 
endpoints in the Chat Messaging API, depending on your AWS region.
*/
const chatClientToken = "GENERATED_CHAT_CLIENT_TOKEN_HERE";
const socket = "wss://edge.ivschat.us-west-2.amazonaws.com"; // Replace “us-west-2” with supported region of choice.
const connection = new WebSocket(socket, chatClientToken);

/*
2. You can send your first message by listening to user input 
in the UI and sending messages to the WebSocket connection.
*/
const payload = {
  "Action": "SEND_MESSAGE",
  "RequestId": "OPTIONAL_ID_YOU_CAN_SPECIFY_TO_TRACK_THE_REQUEST",
  "Content": "text message",
  "Attributes": {
    "CustomMetadata": "test metadata"
  }
}
connection.send(JSON.stringify(payload));

/*
3. To listen to incoming chat messages from this WebSocket connection 
and display them in your UI, you must add some event listeners.
*/
connection.onmessage = (event) => {
  const data = JSON.parse(event.data);
  displayMessages({
    display_name: data.Sender.Attributes.DisplayName,
    message: data.Content,
    timestamp: data.SendTime
  });
}

function displayMessages(message) {
  // Modify this function to display messages in your chat UI however you like.
  console.log(message);
}

/*
4. Delete a chat message by sending the DELETE_MESSAGE action to the WebSocket 
connection. The connected user must have the "DELETE_MESSAGE" permission to 
perform this action.
*/

function deleteMessage(messageId) {
  const deletePayload = {
    "Action": "DELETE_MESSAGE",
    "Reason": "Deleted by moderator",
    "Id": "${messageId}"
  }
  connection.send(deletePayload);
}

Selamat, Anda sudah siap! Anda sekarang memiliki aplikasi obrolan sederhana yang dapat mengirim atau menerima pesan.