部分開發(fā)者在使用uniapp的過程中會(huì)用到websocket，但是uniapp框架提供的websocket服務(wù)并不是盡善盡美。

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

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

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

接下來我們看看在uniapp中如何使用GoEasy實(shí)現(xiàn)websocket消息推送：

1、引入 GoEasy：

目前GoEasy提供三種方式的引入，你可以根據(jù)實(shí)際項(xiàng)目的需求進(jìn)行選擇引入方式。

或

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對(duì)象

Vue.prototype.$goEasy = new GoEasy({

host: "hangzhou.goeasy.io", //應(yīng)用所在的區(qū)域地址: 【hangzhou.goeasy.io | singapore.goeasy.io】

appkey: "my_appkey", //替換為您的應(yīng)用appkey

onConnected: function() {

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

},

onDisconnected: function() {

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

},

onConnectFailed: function(error) {

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

}

});

到此，我們已在uniapp中完成了GoEasy服務(wù)的引入，接下來我們要進(jìn)行在uniapp中的收發(fā)消息測(cè)試。

3、uniapp端接收消息：

this.$goEasy.subscribe({

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

onMessage: function (message) {

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

}

});

4、uniapp端發(fā)送消息：

this.$goEasy.publish({

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

message: "Hello, GoEasy!" //替換為您想要發(fā)送的消息內(nèi)容

});

5、服務(wù)端推送消息：

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

URL:http(s):///publish

在使用Rest API的過程中，請(qǐng)根據(jù)您的應(yīng)用所在區(qū)域，替換，杭州：rest-hangzhou.goeasy.io，新加坡：rest-singapore.goeasy.io。

Method:Post

參數(shù)：

參數(shù)名字是否必須描述

appkey是您的appkey

channel是您的目標(biāo)channel

content是推送的消息內(nèi)容

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

如果你需要uniapp websocket的demo演示代碼，可以注冊(cè)GoEasy開發(fā)者賬號(hào)，然后在GoEasy控制臺(tái)聯(lián)系GoEasy技術(shù)支持獲取。【立即注冊(cè)】

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。