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

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

準(zhǔn)備工作

1.官網(wǎng)注冊(cè)（https://www.rongcloud.cn/）

• 進(jìn)入開發(fā)者后臺(tái) - 創(chuàng)建應(yīng)用 - 獲取 appkey （很重要！很重要！很重要?。?/p>

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

• 對(duì)于在前端開發(fā)階段，還沒有和后端對(duì)接時(shí)，推薦使用融云開發(fā)者后臺(tái)中的 API 調(diào)用（在調(diào)試方面，真的太好用了）傳入正確的參數(shù)即可

1. 下載 SDK

注意：小程序 SDK 需要開通小程序服務(wù)后，在開發(fā)者后臺(tái)中獲取

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

開始集成

1、首先要需在微信公眾平臺(tái)配置以下合法域名（配置詳情請(qǐng)點(diǎn)擊這里），微信小程序如何配置合法域名應(yīng)該不需要說了吧

2、SDK 初始化

• 開發(fā)者在使用融云 SDK 所有功能之前，開發(fā)者必須先調(diào)用此方法初始化 SDK。 在應(yīng)用整個(gè)生命周期中，開發(fā)者只需要將 SDK 初始化一次

var im = RongIMLib.init({  appkey: ' '  // 這里就是咋們?cè)陂_發(fā)者后臺(tái)獲得到的 appkey});

3、設(shè)置監(jiān)聽

• 監(jiān)聽消息、狀態(tài)、會(huì)話列表的變化

• 注意：當(dāng)設(shè)置多個(gè) im.watch 的時(shí)候, 當(dāng)收到一條消息后, 每個(gè) watch 都會(huì)監(jiān)聽到此消息，所以會(huì)出現(xiàn)發(fā)一條消息，但是會(huì)重復(fù)收到這條消息

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

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

4、連接融云

• 連接方法在應(yīng)用的整個(gè)生命周期，也只需要調(diào)用一次即可，重復(fù)連接會(huì)報(bào)錯(cuò)

• 敲重點(diǎn)！敲重點(diǎn)！敲重點(diǎn)！除初始化、監(jiān)聽以外，所有方法都必須在 connect 成功之后 再調(diào)用

var user = {  token: '' // 可以在開發(fā)者后臺(tái)中調(diào)用 獲取 token 來獲得};// im 來自 RongIMLib.init 返回的實(shí)例，例如：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);});

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

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

直接貼代碼了：

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

//發(fā)送消息：?jiǎn)瘟奈谋鞠ar conversation = im.Conversation.get({  targetId: 'user1',  type: RongIMLib.CONVERSATION_TYPE.PRIVATE});conversation.send({  messageType: RongIMLib.MESSAGE_TYPE.TEXT, // 'RC:TxtMsg'  content: {    content: 'Hello RongCloud' // 文本內(nèi)容  }}).then(function(message){  console.log('發(fā)送文字消息成功', 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('斷開鏈接成功');});

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