作為小白接融雲 IM SDK 新路體驗

2021-10-12 06:20:56 字數 1901 閱讀 6928

應專案需求,實現即時通訊功能,業務場景相對單一,僅有單聊場景。選用的是融雲的 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 端不知道如何處理。解決辦法 問題一 融雲只負責發訊息,不提供錄製。所以這邊自己找了些錄製的外掛程式,這裡參考了乙個小示例 拿到後改了改實現了音訊錄製,修改了上傳的邏輯,上傳邏輯使用的融雲的上傳外掛程式,參考的文...