微信小程序集成SDK的方法是什么

這篇文章主要介紹“微信小程序集成SDK的方法是什么”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“微信小程序集成SDK的方法是什么”文章能幫助大家解決問題。

準備工作

1.官網注冊（https://www.rongcloud.cn/）

• 進入開發者后臺 - 創建應用 - 獲取 appkey （很重要！很重要！很重要！）

• 獲取用戶 token ，一開始我很費解為什么要獲取 token ？token 是什么？怎么獲取 token？（暴擊三連問 o(╥﹏╥)o）簡單來說就是用戶的身份標識。 這里就不一一解答了，直接看 官網地址 - token 就行了，里面說的很清楚。

• 對于在前端開發階段，還沒有和后端對接時，推薦使用融云開發者后臺中的 API 調用（在調試方面，真的太好用了）傳入正確的參數即可

1. 下載 SDK

注意：小程序 SDK 需要開通小程序服務后，在開發者后臺中獲取

但是在文檔中又看到說 3.x 小程序與 Web SDK 相同，那用 Web 端的 SDK 也是可以的咯，為什么還要開通服務才能獲取呢，算了！能用就行

開始集成

1、首先要需在微信公眾平臺配置以下合法域名（配置詳情請點擊這里），微信小程序如何配置合法域名應該不需要說了吧

2、SDK 初始化

• 開發者在使用融云 SDK 所有功能之前，開發者必須先調用此方法初始化 SDK。 在應用整個生命周期中，開發者只需要將 SDK 初始化一次

var im = RongIMLib.init({  appkey: ' '  // 這里就是咋們在開發者后臺獲得到的 appkey});

3、設置監聽

• 監聽消息、狀態、會話列表的變化

• 注意：當設置多個 im.watch 的時候, 當收到一條消息后, 每個 watch 都會監聽到此消息，所以會出現發一條消息，但是會重復收到這條消息

• 解決：在全局設置監聽一次即可，不要放在組件生命周期中，防止每次組件重載都設置一次

var conversationList = []; // 當前已存在的會話列表im.watch({  conversation: function(event){    var updatedConversationList = event.updatedConversationList; // 更新的會話列表    console.log('更新會話匯總:', updatedConversationList);    console.log('最新會話列表:', im.Conversation.merge({        conversationList,        updatedConversationList      }));  },  message: function(event){    var message = event.message;    console.log('收到新消息:', message);  },  status: function(event){    var status = event.status;    console.log('連接狀態碼:', status);  }});

4、連接融云

• 連接方法在應用的整個生命周期，也只需要調用一次即可，重復連接會報錯

• 敲重點！敲重點！敲重點！除初始化、監聽以外，所有方法都必須在 connect 成功之后 再調用

var user = {  token: '' // 可以在開發者后臺中調用 獲取 token 來獲得};// im 來自 RongIMLib.init 返回的實例，例如：var im = RongIMLib.init({ appkey: ' ' });im.connect(user).then(function(user) {  console.log('鏈接成功, 鏈接用戶 id 為: ', user.id);}).catch(function(error) {  console.log('鏈接失敗: ', error.code, error.msg);});

連接成功之后就可以發送消息，獲取會話列表和歷史消息方法等等

需要注意的是：獲取會話列表和歷史消息需要開通 IM 商用版 - 單群聊云存儲  功能。

直接貼代碼了：

//獲取會話列表im.Conversation.getList().then(function(conversationList) {  console.log('獲取會話列表成功', conversationList);});

//發送消息：單聊文本消息var conversation = im.Conversation.get({  targetId: 'user1',  type: RongIMLib.CONVERSATION_TYPE.PRIVATE});conversation.send({  messageType: RongIMLib.MESSAGE_TYPE.TEXT, // 'RC:TxtMsg'  content: {    content: 'Hello RongCloud' // 文本內容  }}).then(function(message){  console.log('發送文字消息成功', message);});

//獲取歷史消息var conversation = im.Conversation.get({  targetId: 'user1',  type: RongIMLib.CONVERSATION_TYPE.PRIVATE});var option = {  timestrap: +new Date(),  count: 20};conversation.getMessages(option).then(function(result){  var list = result.list; // 歷史消息列表  var hasMore = result.hasMore; // 是否還有歷史消息可以獲取  console.log('獲取歷史消息成功', list, hasMore);});

最后退出，斷開連接

im.disconnect().then(function() {  console.log('斷開鏈接成功');});

關于“微信小程序集成SDK的方法是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。