Message board

Usage

import MessageRoom from '@befuture/messageRoom';

API

addMessage(message)

更新訊息。

Params

• message {Object} - 要更新的訊息物件。
  • messageId {number} - 訊息的 ID。
  • date {string} - 訊息的日期和時間
  • status {string} - 訊息的狀態，依照服務器端回覆，'sending' | 'success'，表示送出中及送出成功。
  • content {string} - *訊息。
  • images {string} - *圖片。
  • emoticon {string} - *表情。
  • user {Object} - 發送訊息的用戶資訊。
    • uid {string} - 用戶的唯一識別碼。
    • name {string} - 用戶的名稱。
    • avatar {string} - 用戶的頭像 URL。

Example

// content、images、emoticon 任意帶一個或是都帶皆可。
addMessage({
    content: '這是訊息',
    images: '圖片 URL',
    emoticon: '表情 URL'
});

messageList

Params

陣列中的每個物件 (*為非必要項)

• messageId {number} - 訊息的 ID。
• content {string} - *訊息的內容。
• images {string} - *訊息的圖片。
• emoticon {string} - *訊息的表情。
• date {string} - 訊息的日期和時間，格式為 'yyyy-mm-dd hh:mm:ss'。
• status {string} - 訊息的狀態，成功時為 'success'。
• user {Object} - 發送訊息的用戶資訊，包含以下欄位：
  • uid {string} - 用戶的唯一識別碼。
  • name {string} - 用戶的名稱。
  • avatar {string} - 用戶的頭像 URL。

Eample

[
    {
        "messageId": 0,
        "content": "請選擇一隻寶可夢，開始你的冒險",
        "date": "2023-07-24 12:30:22",
        "status": "success",
        "user": {
            "uid": "user01",
            "name": "大木博士",
            "avatar": "https://obs.line-scdn.net/0hVi1M8ln3CUYMNCRXjPV2ETZiCik_WBpFaAJYRU9aV3JyAkkZZVpBKC8yU38gAU4YYgVPIikzEncoV01DNVtB/w644"
        }
    },
    {
        "messageId": 4,
        "content": "...",
        "date": "2023-07-24 12:31:28",
        "status": "sending",
        "user": {
            "uid": "user00",
            "name": "小智",
            "avatar": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRikBy1_eTkPOQ74g8KLwvAgl6vW2nb5pDHuvaG3yrVfpM1_8Qb-EbcER2v9OoIXHoyhSA&usqp=CAU"
        }
    }
]