五、接口API設(shè)計

因為使用MOCK數(shù)據(jù)的關(guān)系，我們可以同步吐出接口數(shù)據(jù)，但這里希望能更接近于AJAX訪問的異步效果，所以所有接口均返回setTimeout處理的Promise對象。

整理出所需功能的所有數(shù)據(jù)請求如下：

• 拉取聊天列表頁的聊天列表（用戶頭像，用戶名稱，最后一條聊天信息）
• 拉取聊天頁面的聊天記錄 （用戶頭像，自己頭像，聊天記錄）
• 發(fā)送聊天信息
• 拉取tab我下的個人頭像以及用戶昵稱等信息

因為涉及到的數(shù)據(jù)接口并不多，所以單獨放在src/common/api模塊下。代碼結(jié)構(gòu)大致如下：

import m_contacts from '../mocks/contact';
import m_history from '../mocks/history';

export default {
    
    // 拉取用戶信息
    getUserInfo () {},
    
    // 拉取與某個用戶的聊天歷史記錄
    getHistory (id) {},
    
    // 拉取首頁聊天列表
    getMessageList () {},

    // 發(fā)送聊天信息
    sendMsg (to, msg, type = 'text') {}
}