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