應專案需求,實現即時通訊功能,業務場景相對單一,僅有單聊場景。選用的是融雲的 im sdk。
由於本人之前沒有了解過即時通訊初期了解還是費了不少時間的。藍瘦~
第一步:註冊
首先要在融雲的開發者後台註冊拿到相應的資訊。
後續這個服務端會給我們提供連線用的 token。這裡先不做過多介紹。
第二步:看文件
我主要是通過看單聊的文件還有切換成平台模式的 web 端文件實現的整合。
第三步:先弄個簡單的示例
示例我參考了快速整合。sdk 使用的是 web 3.x 的 sdk
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
src=
"">
script
>
head
>
>
'messagevalue'
type
="text/"
>
onclick
="sendmessage()"
>
傳送button
>
onclick
="getmessagelist()"
>
獲取歷史訊息button
>
body
>
>
'***'
;var token =
'***x'
;var im;
var conversationlist =
;function
init()
));}
, message:
function
(event)
, status:
function
(event)})
;}function
connect()
; im.
connect
(user)
.then
(function
(user)).
catch
(function
(error));
}function
sendmessage()
);conversation.
send(}
).then
(function
(message));
}function
getmessagelist()
);var option =
; conversation.
getmessages
(option)
.then
(function
(result));
}init()
;connect()
;script
>
html
>
根據文件一步一步操作,都很順利。體感不錯。
額。。。請忽略我沒有寫 ui,只有個輸入框和發訊息按鈕。此處也想給融雲提個小建議,要是有 ui 元件或者含 ui 的 sdk那就更完美了。
遇到的坑
由於看文件時沒有注意到獲取歷史訊息需要先開通服務。導致自己訊息傳送成功再去獲取歷史訊息有問題,自己研究獲取歷史訊息的方法研究了半天。
融雲官網:
融雲 IM SDK 如何插入訊息
使用融雲 imkit sdk 整合的時候,需要插入一條訊息,然後及時重新整理 ui,但是整合完,由於對 sdk 不熟悉,只有退出聊天頁面再進來才會重新整理出來。於是後台提工單,技術大大給提供了方案,一語中的,解決了我的需求,非常感謝,特此記錄,留給需要的朋友 rctextmessage msg rc...
融雲 IM SDK 傳送語音頻息
遇到問題 web 端傳送語音的問題。移動端傳送來的 voicemessage 在 web 端不知道如何處理。解決辦法 問題一 融雲只負責發訊息,不提供錄製。所以這邊自己找了些錄製的外掛程式,這裡參考了乙個小示例 拿到後改了改實現了音訊錄製,修改了上傳的邏輯,上傳邏輯使用的融雲的上傳外掛程式,參考的文...
融雲 IM SDK 傳送語音頻息
遇到問題 web 端傳送語音的問題。移動端傳送來的 voicemessage 在 web 端不知道如何處理。解決辦法 問題一 融雲只負責發訊息,不提供錄製。所以這邊自己找了些錄製的外掛程式,這裡參考了乙個小示例 拿到後改了改實現了音訊錄製,修改了上傳的邏輯,上傳邏輯使用的融雲的上傳外掛程式,參考的文...