前端使用goeasy

项目需求：手机端扫PC端二维码上传本地图片上传成功后PC端根据上传的图片进行以图搜图操作

通过技术选型感觉go-easy既方便使用又能符合需求

1.首先在go-easy官网（http://www.goeasy.io/）注册一个账号

2. 拿到appkey 进入官方开发文档 (http://www.goeasy.io/cn/started) 如果项目是不包含webpack 则步骤依次按开发文档执行即可

但我的项目是vue+webpack所以简单的说下步骤如下:

a）引入goeasy.js文件在entery 文件 index.html中

b)注册go-easy 根据不同的业务需求该注册代码放置的位置不同 ( eg：根据登陆的用户不同接受不同的消息==这个时候注册的代代码就需要放置在登录成功后获取用户信息作为信息通道进行注册和消息的订阅）

//注册 go-easy对象

let goEasy = new GoEasy({

appkey: '你的应用的appkeyl'

});

//订阅消息 在本案例中我的订阅消息是放到出现扫码的页面 curkey是生成的唯一用户码

export function generateUUID() {var d = new Date().getTime();if (window.performance && typeof window.performance.now === "function") {d += performance.now(); //use high-precision timer if available}var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {var r = (d + Math.random() * 16) % 16 | 0;d = Math.floor(d / 16);return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);});return uuid;
}

//curkey 监听的通道 onMessage中message中的值message.content是推送消息的消息内容我们主要通过这个字段进行相关业务的处理 在本案例中是上传的图片的地址链接

goEasy.subscribe({channel: curkey,onMessage: function (message) {//拿到message.content 进行业务处理}
});

//推送消息 在本案例中我的推送消息的代码在手机端上传图片的页面（用于手机端上传图片成功后将图片的地址告诉当前的pc端页面以便进行以图搜图的操作 cururl我当前用的是图片的地址链接）

goEasy.publish({channel:  this.curkey,//发送的消息通道message: cururl  //推送的消息内容 根据业务需求自己定义
});

//取消订阅消息在本案例中避免使用一个通道造成的并发数大于50而造成goeasy使用的异常只要刷新pc端二维码的那个界面就重新生成一个新的消息通道然后进行上述的操作使用的之前的那个消息通道就取消通道

goEasy.unsubscribe ({channel: _this.curolekey //当前不用的消息通道
});

在此就大功告成咯哈哈哈哈~~~

执行效果如图所示:

前端使用goeasy相关推荐

手机token记录、支付宝、个推、goeasy、手机前端框架、阿里大于、百度编辑器、秀米集成解决方案
goeasy:web页面推送解决方案包名:goeasy jar:goeasy-sdk-0.3.5.jar gson-2.3.1.jar slf4j-api-1.7.2.jar 个推:app通知栏等推 ...
GoEasy,适用于多种前端框架，即时通讯技术
//GoEasy官网:https://www.goeasy.io/ //别整那么多花里胡哨,直接复制粘贴下边代码就可以使用 //但是首先你要注意一下下边的代码 //注意点1:需要把appkey 替换成 ...
SSM项目使用GoEasy 实现web消息推送服务
一.背景之前项目需要做一个推送功能,最开始我用websocket实现我的功能.使用websocket的好处是免费自主开发,但是有几个问题:1)浏览器的兼容问题,尤其是低版本的ie:2)因为是推送 ...
手把手教你用GoEasy实现Websocket IM聊天
经常有朋友问起GoEasy如何实现IM,今天就手把手的带大家从头到尾用GoEasy实现一个完整IM聊天,全套代码已经放在了github. 今日的前端技术发展可谓百花争鸣,为了确保本文能帮助到使用任何技 ...
服务器如何向前端页面推送消息,后端向前端推送消息
SpringBoot+WebSocket集成什么是WebSocket? 为什么需要 WebSocket? 前言 maven依赖 WebSocketConfig WebSocketServer 消息推 ...
前端后端的消息推送 7 种方式
消息推送 7 种方式看了原文章后,自己写的笔记参考 https://mp.weixin.qq.com/s/xQV81HiD8hkzx2wMc3ZT7A 需求先说需求,实现一个站内信的web消息推 ...
基于goEasy消息推送的扫码登录
此篇介绍我做的基于goEasy消息推送的扫码登录的具体实现.将我的思路和代码一起贴出希望能帮助到对此感兴趣的童鞋,同时也希望大家有什么意见和建议也可以向我提出,另外如果有问题想与我探讨的可以加我的扣扣 ...
微信小程序使用GoEasy实现websocket实时通讯
不需要下载安装,便可以在微信好友.微信群之间快速的转发,用户只需要扫码或者在微信里点击,就可以立即运行,有着近似APP的用户体验,使得微信小程序成为全民热爱的好东西~ 同时因为微信小程序使用的是Jav ...
GoEasy与SocketIO实现一对一聊天（浏览器端与浏览器端的即时通信）
一.GoEasy实现一对一聊天 1.在GoEasy官网(https://console.goeasy.io)注册账号,并创建应用,获得appkey 2.直接在页面引用<script type=& ...
SpringBoot2.0集成WebSocket，实现后台向前端推送信息
SpringBoot+WebSocket集成什么是WebSocket? 为什么需要 WebSocket? 前言 maven依赖 WebSocketConfig WebSocketServer 消息推 ...

前端使用goeasy

前端使用goeasy相关推荐

最新文章

热门文章