ios - 如何在 swift4 中使用 Alamofire 来使用聊天 View

Question

我是ios新手，我正在尝试做聊天部分。我有API要集成..比如聊天列表API，聊天对话API(GET和POST)。我集成了聊天列表API，以显示列表我的任务是，当我单击聊天列表中的一个聊天时，它必须重定向到聊天 View 屏幕。我能够做到这一点。但问题是，如何区分发送者和接收者的消息列表。我与 XIB'S 一起设计了聊天 View 屏幕。如果有人能帮助我做到这一点，那就太好了。提前致谢。

//GET API Response

{
    "success": 1,
    "status": 200,
    "data": {
        "conversation": [
            {
                "id": 6,
                "chat_id": 4,
                "user_id": 4,
                "type": 0,
                "message": "Hi mahitha",
                "delivered_at": "2019-02-27 14:59:58",
                "read_at": "2019-02-27 15:00:03",
                "created_at": "2019-02-27 12:26:39"
            },
            {
                "id": 9,
                "chat_id": 4,
                "user_id": 4,
                "type": 0,
                "message": "Hello kaveri",
                "delivered_at": null,
                "read_at": null,
                "created_at": "2019-02-27 15:22:11"
            },
            {
                "id": 33,
                "chat_id": 4,
                "user_id": 4,
                "type": 0,
                "message": "125698532",
                "delivered_at": null,
                "read_at": null,
                "created_at": "2019-03-05 15:11:38"
            },
            {
                "id": 34,
                "chat_id": 4,
                "user_id": 4,
                "type": 0,
                "message": "1256985322565",
                "delivered_at": null,
                "read_at": null,
                "created_at": "2019-03-05 15:16:39"
            }
        ],
        "current_page": 1,
        "last_page": 1,
        "next_page_url": null
    }
}


//POST API RESPONSE

{
    "success": 1,
    "status": 200,
    "data": {
        "conversation": {
            "chat_id": 10,
            "user_id": 4,
            "type": "0",
            "message": "123456",
            "created_at": "2019-03-08 12:14:18",
            "id": 55
        }
    }
}

Answer 1

发布一些您尝试过的代码将在这里提供更多帮助。但通常这就是实现聊天界面的方法。

第 1 步:创建一个包含 2 个自定义单元格的 tableview。一个用于发送消息，另一个用于接收消息。

第 2 步:为每个单元格设计一个标签，并使发送的消息右对齐，以便以白色背景颜色查看。使收到的消息左对齐以便以绿色作为背景颜色查看。

第 3 步:在 JSON 中添加一个名为 message_type 的附加键，其中包含每种消息类型的字符串 sent 或 received。 (如果消息需要显示为已发送消息或已接收消息，您可以通过这种方式进行区分)

第 4 步:从对话屏幕导航到聊天屏幕后。获取 JSON 并将每条消息添加到数据模型数组中。

第 5 步:在 tableview 中加载此数组中的数据，并使用 message_type 键使用发送消息自定义单元格 或 收到消息自定义单元格。这会将所有已发送的消息添加到右侧(具有白色背景)，将所有收到的消息添加到左侧(具有绿色背景)。