部分開發者在使用uniapp的過程中會用到websocket，但是uniapp框架提供的websocket服務并不是盡善盡美。

我在這里為大家介紹一款第三方的websocket推送服務：GoEasy，完美支持uniapp。

目前GoEasy提供完整的websocket前后端解決方案，簡單的幾行代碼集成，即可快速搭建您的專屬websocket服務。

同時GoEasy還支持更多的前端技術框架比如小程序、react、vue、uniapp等。同時還是支持php、java、python等服務端語言。

接下來我們看看在uniapp中如何使用GoEasy實現websocket消息推送：

1、引入 GoEasy：

目前GoEasy提供三種方式的引入，你可以根據實際項目的需求進行選擇引入方式。

或

npm install –save goeasyimport GoEasy from ‘goeasy’;

或下載?https://cdn.goeasy.io/goeasy-1.0.3.js

import GoEasy from ‘./goeasy-1.0.3’;

2、初始化GoEasy：

// 在main.js里初始化全局的GoEasy對象

Vue.prototype.$goEasy = new GoEasy({

host: "hangzhou.goeasy.io", //應用所在的區域地址: 【hangzhou.goeasy.io | singapore.goeasy.io】

appkey: "my_appkey", //替換為您的應用appkey

onConnected: function() {

console.log('連接成功！')

},

onDisconnected: function() {

console.log('連接斷開！')

},

onConnectFailed: function(error) {

console.log('連接失敗或錯誤！')

}

});

到此，我們已在uniapp中完成了GoEasy服務的引入，接下來我們要進行在uniapp中的收發消息測試。

3、uniapp端接收消息：

this.$goEasy.subscribe({

channel: "my_channel", //替換為您自己的channel

onMessage: function (message) {

alert("Channel:" + message.channel + " content:" + message.content);

}

});

4、uniapp端發送消息：

this.$goEasy.publish({

channel: "my_channel", //替換為您自己的channel

message: "Hello, GoEasy!" //替換為您想要發送的消息內容

});

5、服務端推送消息：

在 實際開發過程中，我們更多的會是從服務器端往uniapp端發送消息。針對這樣的使用場景，GoEasy提供了豐富的服務端Rest API接口，免去了自行搭建websocket服務器的麻煩。通過GoEasy提供的Rest API接口，你可以方便快捷的推送消息到uniapp端。

URL:http(s):///publish

在使用Rest API的過程中，請根據您的應用所在區域，替換，杭州：rest-hangzhou.goeasy.io，新加坡：rest-singapore.goeasy.io。

Method:Post

參數：

參數名字是否必須描述

appkey是您的appkey

channel是您的目標channel

content是推送的消息內容

更多關于Rest API的使用技巧，可以來這里看看：GoEasy服務器發送消息，GoEasy提供了php、java、python等多種服務端語言的支持。

如果你需要uniapp websocket的demo演示代碼，可以注冊GoEasy開發者賬號，然后在GoEasy控制臺聯系GoEasy技術支持獲取。【立即注冊】

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的uniapp接收服务器消息,【教程】uniapp websocket实现消息推送的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。