UNIAPP

goeasy网址：https://www.goeasy.io/cn/doc/client/pub-sub-uniapp.html

 

 

1. 使用npm或者yarn安装 goeasy

命令如下：(1).yarn init -y(初始化)，(2). yarn add goeasy（安装）

 

2. main.js导入

（1）.import GoEasy from 'goeasy';

（2）.

// 在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('连接失败或错误！')
    }
});

 

3 . 在具体页面进行推送与接收 (挺简单的，估计你看看就会了)

注意的一点就是，分发和接收消息都是通过唯一的频道来传输和获取

<template>
    <view class="content">
        <view v-for="(item, index) in historyList" :key="index">{{ item.content.avatar }} {{ item.content.name }} {{ item.content.time }}</view>
        <image class="logo" src="/static/logo.png" @click="handleSendMsg"></image>
        <view class="text-area">
            <text class="title">{{ msgInfo }}</text>
        </view>
        <input type="text" value="" @input="handleMsg" />
    </view>
</template>

<script>
export default {
    data() {
        return {
            title: 'Hello',
            msgInfo: {},
            options: {},
            historyList: []
        };
    },
    onLoad(options) {
        this.options = options;
    },
    onReady() {
        // 接收(只要初始化一次即可使用)
        this.$goEasy.subscribe({
            channel: '这里填唯一的频道，仅限字符串', //替换为您自己的channel
            onMessage: message => {
                this.msgInfo = JSON.parse(message.content);
                console.log('message', message, this.msgInfo);
                // console.log('Channel:' + message.channel + ' content:' + message.content);
            }
        });
    },
    methods: {
        handleSendMsg() {
            // 高级功能(历史记录按付费获取消息记录，9.9元最近30条)
            this.$goEasy.history(
                {
                    channel: '这里填唯一的频道，仅限字符串', //必需项
                    limit: 10 //可选项，返回的消息条数，默认为100条，最多1000条
                },
                response => {
                    if (response.code == 200) {
                        for (let i = 0, len = response.content.messages.length; i < len; i++) {
                            response.content.messages[i].content = JSON.parse(response.content.messages[i].content);
                        }
                        this.historyList = response.content.messages;
                    }
                }
            );
        },
        handleMsg(e) {
            // 推送的字符串信息
            let user = {
                avatar: 'https://thirdwx.qlogo.cn/mmopen/vi_32/qjhr9gibQNW2iamoLodf7VUJdic7O6Vctxic3YlsIVkrWTtzf9Xic7LkqpILVUWRpQF9Ru8tXDicfrkdTEYoQLiaP42Cw/132',
                uid: 4,
                channel: 'YongZhouShi',
                nickname: 'MLONGTAO',
                time: '2020-01-20 12:00:10',
                content: '哈哈哈22222',
                contentType: 'txt'
            };

            // 推送
            this.$goEasy.publish({
                channel: '这里填唯一的字符串，仅限字符串', //替换为您自己的channel
                message: `${JSON.stringify(user)}` //替换为您想要发送的消息内容
            });
        }
    }
};
</script>

<style>
.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.logo {
    height: 200rpx;
     200rpx;
    margin-top: 200rpx;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50rpx;
}

.text-area {
    display: flex;
    justify-content: center;
}

.title {
    font-size: 36rpx;
    color: #8f8f94;
}
</style>