據權威數據統計，2018年微信小程序數量超過100萬個，覆蓋超過200個細分行業。2018年小程序累計融資額超過80億元，超過100家投資機構進場，小程序領域已經成為創業開發者們兵家必爭的主要陣地，同時，微信小程序已經成為零售電商、生活服務、社交等領域的標配並迎變現黃金期。
工欲善其事必先利其器，環信作為全球最大的即時通訊雲服務商近期宣佈正式推出了IM小程序2.0版本，其1小時快速集成，簡單易用、完美適配、穩定可靠等特性吸引了大批開發者，目前已經服務了包括小程序購物、多平臺社交、娛樂聊天室、多端協同辦公、小程序遊戲等5大典型應用場景的數百企業客戶並受到了廣泛好評。
以下是一位環信開發者“To.lazy”在CSDN上發佈的“在微信小程序裡實現聊天室”集成示例：基於環信的小程序SDK 開發了一個聊天室。
準備工作
- 下載環信 小程序demo+sdk
git clone https://github.com/easemob/webim-weixin-xcx
- 創建一個文件夾，將 demo 中的文件 comps、images、sdk、utils 拷貝到新的文件，文件目錄說明
集成
- 登錄環信沒什麼可說的，這裡選擇的是使用 username/password 登錄，和demo中的一樣，文件沒有進行任何更改
-
- 在app.js 中註冊的 WebIM.conn.listen, 然後在 登陸成功的回調 onOpened 設置的跳轉頁面，並將登陸的 username 賦給 myName，傳到新的頁面中使用
- 修改 roomlist.js 獲取聊天室列表，是分頁獲取的，這裡先偷個懶，獲取了第一頁 20 個聊天室
- 然後將listChatrooms() 分別在onLoad、onShow 內，更改下，將原有的 listGroups() 替換掉
- 然後在roomlist.wxml 修改對應的 變量綁定名稱
- demo中的group.js 中，獲取到的是當前登陸賬號已加入的群組，咱們做的是聊天室功能，所以需要有一個加入的操作，找roomlist.js 中找到 into_room: function (event)，然後填寫加入聊天室的方法， 我是直接在當前這個裡面加的跳轉到聊天頁面，並將當前登陸的IDmyName，聊天室IDgroupID，聊天室名稱your 傳給新頁面
- Ex：監聽是否加入聊天室成功的回調是在 onPresence 中，type:memberJoinChatRoomSuccess，正常是監聽這個回調跳轉頁面，有點麻煩就直接這樣吧
- 到會話頁面後，需要修改一下對應的消息格式，在comps/chat/suit 目錄下，將裡面的文件對應的 js 文件根據文檔給聊天室發送消息 格式進行修改，聊天室消息和群組消息不同，所以我目前是直接將getSendToParam()、isGroupChat() 註釋，改成下面這樣，demo 中下面還有代碼的，這裡就用 …… 代替了
- 就這樣了，簡單集成聊天室功能，demo中的UI 是開源的，可以根據自己的需求更改~下面是具體實現過程。代碼也放在github 上了，有需要的兄弟自取。demo下載地址：https://github.com/lizgDonkey/room-xcx
分享到:
