Trang quản lý tin nhắn

Trong hướng dẫn này chúng mình sẽ hướng dẫn cho các bạn làm trang tin nhắn

Bạn có thể tham khảo file messages.jsx.

Server

Schema của message:

• sender: String(zaloId của người gửi)
• receiver: String(zaloId của người nhận)
• postId: String(post id của post mà họ đang bàn tới)
• createdAt: IsoDate(thời gian mà tin nhắn này được tạo lần đầu)

Những api liên quan bao gồm:

• Lấy danh sách tin nhắn của 1 user. Bạn sẽ phản lập trình cẩn thận 1 chút để mà lấy được cả tin nhắn cho cả phần Tôi mua và Tôi bán. Tham khảo code server ở đây
• Tạo 1 message để tracking mỗi khi người mua liên hệ với người bán. Code server ở đây

Client code

Để phân chia ra làm 2 tab, Tôi mua và Tôi bán, bạn có thể sử dụng Tabbar hỗ trợ bởi ZMA. Mỗi thành phần tin nhắn được cài đặt trong component MessageItem (tham khảo message-item.jsx)

Sự kiện người dùng bấm vào mỗi MessageItem

ZMA có hỗ trợ openChat cho phép ứng dụng mở cửa số chat với User hoặc Official Account. Để sử dụng api này, bạn cần xin cấp quyền tại trang Quản lý ứng dụng.

const handleOpenChat = (p) => () => {
  api.openChat({
    type: 'user',
    id: p.receiver,
    message: ""
  });
};

Các bạn lưu ý, cho dù không muốn điền sẵn nội dung vào khung chat nhưng thuộc tính message là bắt buộc, các bạn có thể truyền chuỗi rỗng.