1. 在vuex中新增login、initlogin方法
login方法作用是將token和user資訊存入快取
initlogin方法的作用是初始化聊天物件
import $u from '@/common/free-lib/util.js'import $h from '@/common/free-lib/request.js'
import chat from '@/common/free-lib/chat.js'
export default ,
chat: null
}, actions: , user) )
},// 初始化登入狀態
initlogin( ) )
console.log(state.chat+ '**********===')
console.log('********************')
}} }
}
2. 新建聊天chat類
import $u from './util.js'import $h from './request.js'
import $c from './config.js'
class chat
// 初始化聊天
// to表示當前聊天物件的對方
this.to = false
// 連線和監聽
if (this.user.token) }
// 連線socket
connectsocket()
})// 監聽連線成功
this.socket.onopen(() => this.onopen())
// 監聽斷開
this.socket.onclose(() => this.onclose())
// 監聽接收資訊
this.socket.onmessage(res => this.onmessage(res))
// 監聽錯誤
this.socket.onerror(() => this.onerror()) }
onopen()
onclose()
onerror()
// 監聽接收訊息
onmessage(res)
// 建立聊天物件
createchatobject(detail)
// 銷毀聊天物件
destorychatobject()
// 組織傳送資訊格式
formatsenddata(params) ,
create_time: (new date()).gettime(),
isremove: 0,
sendstatus: 'pending'// 傳送狀態
} }}export default chat
3. 在登入頁面login.vue中，當點選按鈕觸發submit事件時，傳送登入post請求，將token和user資訊新增到快取, 且連線websocket
submit() ).then(res => );// 跳轉到tabbar頁面需要用swittab
return uni.switchtab()
}// 註冊
this.changetype()
uni.showtoast();
})}
前後端互動
剛進公司，對這些都不是很了解，這篇部落格講的很清楚，在此轉給自己，感謝szmacbook 1.前端請求資料url由誰來寫?在開發中,url主要是由後台來寫的,寫好了給前端開發者.如果後台在查詢資料,需要借助查詢條件才能查詢到前端需要的資料時,這時後台會要求前端提供相關的查詢引數，這裡的查詢引數也就是...
前後端互動
xmlhttprequest物件 ajax的基本使用 xhr.onload function 使用post傳參，是需要設定頭部資訊 把資料放到form中的三個好處 引數1 屬性名 自定義 引數2 屬性值 form.img file 將需要上傳的檔案資訊，新增到form中 form.name 張三 g...
前後端互動原理
埠 一台高效能的電腦只不過沒有主機，用於處理資料或者一些反饋 資料庫 資料的倉庫 表面意思 前端 的樣式 後端 通過一些處理將資料傳遞到前端，後台技術 sql 相當於乙個翻譯軟體，將埠的指令轉換為資料庫可用的 對於前幾者的關係，我有一些個人理解 我將乙個上網過程看做去商店購買商品 我 本機 想去商店...