客户端发送和接收消息 > Vue
 

Vue

初始化GoEasy对象

集成goeasy.js sdk

建议在main.js里将goeasy对象初始化为全局对象。

Vue.prototype.goeasy = GoEasy.getInstance({
    host: 'hangzhou.goeasy.io',
    appkey: '您的appkey'
});

建立连接

在接收和发送消息之前,必须要先连接GoEasy,一个页面或单页面应用中需要,且只需要建立一个连接即可,在成功断开连接之前,不需要,也不能反复建立连接。

this.goeasy.connect({
    onSuccess: function () {  //连接成功
        console.log("GoEasy connect successfully.") //连接成功
    },
    onFailed: function (error) { //连接失败
        console.log("Failed to connect GoEasy, code:"+error.code+ ",error:"+error.content);
    },
    onProgress:function(attempts) { //连接或自动重连中
        console.log("GoEasy is connecting", attempts);    
    }
});

订阅(接收)消息

在发送消息之前,接收端必须完成消息的订阅,否则无法接收消息。

channel从哪里来,如何创建,应该传入什么呢?

根据您的业务需求来设定,channel可以为任意字符串,除了不能包含空格,和不建议使用中文外,没有任何限制,只需要和消息的发送端保持一致,就可以收到消息。channel可以是您直播间的uuid,也可以是一个用户的唯一表示符,一个app可以订阅多个channel,可以任意定义,channel不需要创建,可随用随弃。

        this.goeasy.subscribe({
            channel: "my_channel",
            onMessage: function (message) {
                console.log("Channel:" + message.channel + " content:" + message.content)
            },
            onSuccess: function () {
                console.log("Subscribe successfully.")
            },
            onFailed: function () {
                console.log("Subscribe successfully.")
            }

        });

发送消息

    this.goeasy.publish({
        channel: "my_channel",  //请确认与接收端一致
        message: "Hello GoEasy!",   //app内onMessage收到的消息内容
        onSuccess: function () {
            console.log("Publish successfully.")
        },
        onFailed: function (error) {
            console.log("Failed to publish message, code:"+ error.code + ' error:'+ error.content);
        }
    });

其他相关

集成goeasy.js
HTML
微信小程序
React-Native
Uni-app
Vue
React
AngularJS
RequireJS

results matching ""

    No results matching ""