微信小程序中GoEasy實現websocket實時通訊的方法

這篇文章主要講解了微信小程序中GoEasy實現websocket實時通訊的方法，內容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。

不需要下載安裝，便可以在微信好友、微信群之間快速的轉發，用戶只需要掃碼或者在微信里點擊，就可以立即運行，有著近似APP的用戶體驗，使得微信小程序成為全民熱愛的好東西~

同時因為微信小程序使用的是Javascript語法，對前端開發人員而言，幾乎是沒有學習成本和技術門檻的。對于大部分場景，都可以使用小程序快速開發實現，不論是開發周期還是開發成本都低的讓人笑哭，所以受到了技術開發團隊的各種追捧~

但如果要在小程序里快速的實現一個即時通訊功能，就有點尷尬，因為微信官方提供的只是一個底層的websocket api，要在項目中直接使用，還需要做很多額外的工作，比如首先就需要搭建自己的websocket服務~

那有沒有簡單的方式呢？ 當然是有的！

今天小編就手把手的教您用GoEasy在微信小程序里，最短的時間快速實現一個websocket即時通訊Demo。

本demo已經完成了真機下的小程序的測試，完整源代碼開源到oschina的碼云上，clone后，只需要將代碼里的appkey換成自己的common key，就可以體驗了, 源碼網址：https://gitee.com/goeasy-io/GoEasyDemo-wxapp-Helloworld

1、獲取appkey

GoEasy官網上注冊賬號，創建一個應用，拿到您的appkey。

GoEasy提供了兩種類型的appkey：

• Common key: 即可以接收消息，也可以發送消息，與Subscribe Key最大的區別就是有寫權限，可以發消息。適用于有消息發送需求的客戶端和服務端開發。
• Subscribe key: 只能接收消息，不可以發送消息，與Common Key最大的區別就是沒有寫權限，只能收消息。可以用于一些沒有發送需求的客戶端。

2、獲取GoEasy SDK

下載https://cdn.goeasy.io/download/goeasy-1.0.11.js

import GoEasy from './goeasy-1.0.11';

3、初始化GoEasy對象

var self = this;
this.goeasy = GoEasy({
 host: 'hangzhou.goeasy.io',
 appkey: "您的appkey",
 onConnected: function () {
  console.log("GoEasy connect successfully.");
  self.unshiftMessage("連接成功.");
 },
 onDisconnected: function () {
  console.log("GoEasy disconnected.")
  self.unshiftMessage("連接已斷開.");
 },
 onConnectFailed: function (error) {
  console.log(error);
  self.unshiftMessage("連接失敗，請檢查您的appkey和host配置");
 }
})

根據您在GoEasy后臺創建應用時選擇的區域，來傳入不同的Host,如果您創建GoEasy應用時,選擇了杭州，那么host:"hangzhou.goeasy.io"。選擇了新加坡,host:"singapore.goeasy.io"。

如果您的大部分用戶都是在國內，創建應用時，記得選擇杭州，以便獲得更快的通訊速度。

4、小程序端接收消息

var self = this;
this.goeasy.subscribe({
 channel: "my_channel",
 onMessage: function (message) {
  self.unshiftMessage(message.content);
 },
 onSuccess: function () {
  self.unshiftMessage('訂閱成功.');
 }
});

很多朋友會問channel從哪里來，如何創建，應該傳入什么呢？

根據您的業務需求來設定，channel可以為任意字符串，除了不能包含空格，和不建議使用中文外，沒有任何限制，只需要和消息的發送端保持一致，就可以收到消息。channel可以是您直播間的uuid,也可以是一個用戶的唯一表示符，可以任意定義，channel不需要創建，可以隨用隨棄。

5、小程序端發送消息：

發送時，需要注意channel一定要和subscribe的channel完全一致，否則無法收到。

this.goeasy.publish({
 channel: "my_channel",
 message: self.data.message,
 onSuccess: function () {
  self.setData({
   message: ''
  }); //清空發送消息內容
  console.log("send message success");
 },
 onFailed: function (error) {
  self.unshiftMessage('發送失敗，請檢查您的appkey和host配置.');
 }
});

本代碼源碼下載：https://gitee.com/goeasy-io/GoEasyDemo-wxapp-Helloworld

特別強調：

在運行之前，一定要在微信公眾號平臺配置socket合法域名，否則無法建立連接。具體步驟：
訪問mp.weixin.qq.com，進入微信公眾平臺|小程序 -> 設置 -> 開發設置 -> 服務器域名
socket合法域名-> 添加GoEasy的地址： wx-hangzhou.goeasy.io（記得wx-開頭）
若您創建GoEasy應用時選擇了新加坡區域則添加地址：wx-singapore.goeasy.io

答疑時間：

1、我的服務器端可以給小程序發送消息嗎？都支持些哪些語言？

當然可以，任何語言都可以通過調用GoEasy的Rest API發送消息，同時為了大家方便，GoEasy的官方文檔里，也準備了Java, C#,NodeJS，PHP，Ruby和Python等常見語言調用REST API的代碼。

2、GoEasy可以發送圖片，語音和視頻嗎？

當然可以，您可以通過推送文件路徑的方式來實現文件的發送。按照行業慣例，不論MSN，微信，QQ對于圖片和視頻，通常的做法都是，只推送文件路徑，而不會推送文件本身。你如果有注意的話，當您接受圖片和視頻的時候，收到消息后，等一會兒才能看，就是因為發送的時候，只發送了路徑。

3、GoEasy和微信小程序官方的websocket API有什么區別和優勢？

小程序官方的websocket API主要是用來與您的websocket服務通訊，所以使用小程序websocket的前提是，首先要搭建好您自己的websocket服務，然后與之通訊。這是一個純技術的API，在建立網絡連接后，還有很多的工作需要自己來完成，比如：

• 需要自己實現心跳機制，來維護網絡連接，來判斷客戶端的網絡連接狀態；
• 需要自己實現斷網自動重連；需要自己維護消息列表，確保遇到斷網重連后，消息能夠補發；
• 需要自己維護一個客戶端列表；
• 等等很多細致而繁雜的工作，比如websocket的安全機制和性能優化；

此之外服務端也有很多工作需要自己完成，有興趣自己搭建websocket的話，可以參考這篇技術分享《搭建websocket消息推送服務，必須要考慮的幾個問題》

而GoEasy是一個成熟穩定的企業級websocket PAAS服務平臺，開發人員不需要考慮websocket服務端的搭建，只需要幾行代碼，就可以輕松實現客戶端與客戶端之間，服務器與客戶端之間的的websocket通信，不需要考慮性能，安全，高可用集群的問題,只需要全力專注于開發自己的業務功能就好了。

GoEasy已經內置websocket中必備的心跳，斷網重連，消息補發，歷史消息和客戶端上下線提醒等特性，開發人員也不需要自己搭建websocket服務處理集群高可用，安全和性能問題。GoEasy已經穩定運行了5年，支持千萬級并發，成功支撐過很多知名企業的重要活動，安全性和可靠性都是久經考驗。

4、GoEasy在小程序的開發中主要用在那些場景呢？

從應用場景上來說，所有需要websocket通信的場景，GoEasy都可以完美支持：

• 聊天，IM，直播彈幕，用戶上下線提醒, 在線用戶列表
• 掃碼點菜，掃碼登錄， 掃碼支付， 掃碼簽到， 掃碼打印
• 事件提醒，工單，訂單實時提醒
• 在線拍賣， 在線點餐，在線選座 實時數據展示，實時監控大屏， 金融實時行情顯示，設備監控系統
• 實時位置跟蹤，外賣實時跟蹤，物流實時跟蹤
• 遠程畫板，遠程醫療，游戲，遠程在線授課

5、GoEasy的文檔為什么這么簡單？簡單到我都不知道如何使用

簡單還不好嗎？GoEasy從研發的第一天，就把追求API的極簡作為我們的工作重點。嚴格控制接口的數量，就是是為了降低開發人員的學習成本，其實就是為了讓您爽啊！但這并不影響GoEasy完美支持所有的websocket即時通訊需求。

看完上述內容，是不是對微信小程序中GoEasy實現websocket實時通訊的方法有進一步的了解，如果還想學習更多內容，歡迎關注億速云行業資訊頻道。