如何在swift4中使用Alamofire使用聊天视图

Question

我是ios新手，我正在尝试做聊天部分。我有integrate..like聊天列表接口，聊天对话接口(GET & POST).I集成了聊天列表API，显示chats.My任务的列表是，当我点击聊天列表中的一个聊天时，它必须重定向到聊天视图屏幕。我能做this.But的问题是，如何区分发送者和接收者的消息列表。我用XIB设计了聊天视图屏幕。如果有人帮助我做这件事，我会提前great.Thank。

//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键来使用sent message custom cell或received message custom cell。这会将所有发送的消息添加到右侧的白色背景中，将所有接收的消息添加到左侧的绿色背景中。