Uniapp使用GoEasy实现websocket实时通讯

Uniapp作为近来最火的移动端开发技术，一套代码，可以打包成Android/iOS app和各种平台的小程序，可谓是没有最方便只有更方便。

GoEasy上架DCloud Uniapp插件市场已经有一个多月了，收到很多Uniapp开发人员的赞扬和好评，小编在此隔着屏幕向大家鞠躬，小编和GoEasy团队会继续努力，持续为Uniapp开发者提供最简单且优雅的API，稳定高速可靠的即时通讯服务。

这段时间，也收到了很多朋友的一些问题？比如：

1、GoEasy和Uniapp websocket API有什么区别和优势？

Uniapp官方的websocket API主要是用来与您的websocket服务通讯，所以使用Uniapp websocket的前提是，首先要搭建好您自己的websocket服务，然后与之通讯。这是一个纯技术的API，在建立网络连接后，还有很多的工作需要自己来完成，比如：

需要自己实现心跳机制，来维护网络连接，来判断客户端的网络连接状态；
需要自己实现断网自动重连；
需要自己维护消息列表，确保遇到断网重连后，消息能够补发；
需要自己维护一个客户端列表；
...
等等很多细致而繁杂的工作，比如websocket的安全机制和性能优化；

除此之外服务端也有很多工作需要自己完成，有兴趣自己搭建websocket的话，可以参考这篇技术分享《搭建websocket消息推送服务，必须要考虑的几个问题》

而GoEasy是一个成熟稳定的websocket企业级PAAS服务平台，开发人员不需要考虑websocket服务端的搭建，只需要几行代码，就可以轻松实现客户端与客户端之间，服务器与客户端之间的的websocket通信，不需要考虑性能，安全，高可用集群的问题。只需要全力专注于开发自己的业务功能就好了。

GoEasy已经内置websocket中必备的心跳，断网重连，消息补发，历史消息和客户端上下线提醒等特性，开发人员也不需要自己搭建websocket服务处理集群高可用，安全和性能问题。GoEasy已经稳定运行了5年，支持千万级并发，成功支撑过很多知名企业的重要活动，安全性和可靠性都是久经考验。

2、GoEasy在Uniapp开发中主要用在哪些场景呢？

首先从技术上说，Uniapp支持的所有技术android, iOS和小程序，GoEasy都是完美支持的。

从应用场景上来说，所有需要websocket通信的场景，GoEasy都可以完美支持：

聊天，IM，直播弹幕，用户上下线提醒, 在线用户列表
扫码点菜，扫码登录，扫码支付，扫码签到，扫码打印
事件提醒，工单，订单实时提醒
在线拍卖，在线点餐，在线选座实时数据展示，实时监控大屏，金融实时行情显示，设备监控系统
实时位置跟踪，外卖实时跟踪，物流实时跟踪
远程画板，远程医疗，游戏，远程在线授课
...

3、GoEasy的文档为什么这么简单？简单到我都不知道如何使用

简单还不好吗？GoEasy从研发的第一天，就把追求API的极简作为我们的工作重点。严格控制接口的数量，就是是为了降低开发人员的学习成本，其实就是为了让您爽啊！但这并不影响GoEasy完美支持所有的websocket即时通讯需求。

今天小编就手把手的教您用GoEasy在Uniapp下，最短的时间实现一个的web即时通讯Demo。

本demo已经通过小程序, iOS和Android的真机测试，完整源代码已经上传github，下载后，只需要将代码里的appkey换成自己的common key，就可以体验了。下载地址：

https://github.com/GoEasySupport/goeasy-uniapp-helloworld

1、获取appkey

GoEasy官网（https://www.goeasy.io/）上注册账号，创建一个应用，拿到您的appkey

GoEasy提供了两种类型的appkey：

Common key: 即可以接收消息，也可以发送消息，与Subscriber Key最大的区别就是有写权限，可以发消息。适用于有消息发送需求的客户端和服务端开发。

Subscriber key: 只能接收消息，不可以发送消息，与Common Key最大的区别就是没有写权限，只能收消息。可以用于一些没有发送需求的客户端。

2、获取GoEasy SDK

两个方式：

DCloud Uniapp的插件市场下载：https://ext.dcloud.net.cn/plugin?id=1334

也可以直接在goeasy官网下载：https://www.goeasy.io/cn/doc/client/get-goeasy-js.html

3、初始化GoEasy对象

在main.js中将goeasy初始化为Uniapp的全局对象，方便所有页面都能方便的调用，同时也避免多个页面反复new GoEasy对象。

根据您在GoEasy后台创建应用时选择的区域，来传入不同的Host,如果您创建goeasy应用时,选择了杭州，那么host:"hangzhou.goeasy.io"。选择了新加坡,host:"singapore.goeasy.io"。

如果您的大部分用户都是在国内，创建应用时，记得选择杭州，以便获得更快的通讯速度。

// 在main.js中将goeasy初始化为全局对象，所有页面都能方便的调用，也避免多个页面反复new GoEasy对象
Vue.prototype.$goEasy = new GoEasy({
host: "hangzhou.goeasy.io",
appkey: "my_appkey", //替换为您的应用appkeyonConnected: function() {console.log('连接成功！')},onDisconnected: function() {console.log('连接断开！')},onConnectFailed: function(error) {console.log('连接失败或错误！')}
});

4、uniapp端接收消息

this.$goEasy.subscribe({channel: "my_channel", //替换为您自己的channelonMessage: function (message) {alert("Channel:" + message.channel + " content:" + message.content);}
});

很多朋友会问channel从哪里来，如何创建，应该传入什么呢？

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

5、uniapp端发送消息

发送时，需要注意channel一定要和subscriber的channel完全一致，否则无法收到。

this.$goEasy.publish({channel: "my_channel", //替换为您自己的channelmessage: "Hello, GoEasy!" //替换为您想要发送的消息内容
});

本代码源码下载：

https://github.com/GoEasySupport/goeasy-uniapp-helloworld

小程序特别强调：

若您需要打包为微信小程序，需要在微信公众号平台配置socket合法域名，否则无法使用。具体步骤：

访问https://mp.weixin.qq.com，进入微信公众平台|小程序 -> 设置 -> 开发设置 -> 服务器域名

socket合法域名-> 添加 goeasy的地址：wx-hangzhou.goeasy.io（记得wx-开头）

若您创建GoEasy应用时选择了新加坡区域则添加地址：wx-singapore.goeasy.io

答疑时间：

1、我的服务器端可以发送消息吗？都支持些哪些语言？

当然可以，任何语言都可以通过调用goeasy的Rest API发送消息，同时为了大家方便，GoEasy的官方文档里，也准备了Java, C#,NodeJS，PHP，Ruby和Python等常见语言调用REST API的代码，这里获取更多详情：https://www.goeasy.io/cn/doc/server/publish.html

2、GoEasy可以发送图片，语音和视频吗？

当然可以，您可以通过推送文件路径的方式来实现文件的发送。

按照行业惯例，不论MSN，微信，QQ对于图片和视频，通常的做法都是，只推送文件路径，而不会推送文件本身。你如果有注意的话，当您接受图片和视频的时候，收到消息后，等一会儿才能看，就是因为发送的时候，只发送了路径。

GoEasy相关Demo推荐：
1、uniapp版本的直播间聊天室（支持打包成安卓/ios的app、微信小程序）：https://gitee.com/goeasy-io/GoEasyDemo-Uniapp-LiveChatRoom
2、uniapp版本的即时通讯IM（支持打包成安卓/ios的app、微信小程序）：https://gitee.com/goeasy-io/GoEasyDemo-Uniapp-IM-Chat
3、微信小程序版本的即时通讯IM：https://gitee.com/goeasy-io/GoEasyDemo-wxapp-IM-Chat
4、VUE版本的即时通讯IM：https://gitee.com/goeasy-io/GoEasyDemo-Vue-IM-Chat
5、H5版本的即时通讯IM：https://gitee.com/goeasy-io/GoEasyDemo-IM-Chat
6、H5版本的直播间聊天室：https://gitee.com/goeasy-io/GoEasyDemo-html-LiveChatroom

Uniapp使用GoEasy实现websocket实时通讯相关推荐

微信小程序使用GoEasy实现websocket实时通讯
不需要下载安装,便可以在微信好友.微信群之间快速的转发,用户只需要扫码或者在微信里点击,就可以立即运行,有着近似APP的用户体验,使得微信小程序成为全民热爱的好东西~ 同时因为微信小程序使用的是Jav ...
channels实现websocket实时通讯和消息推送
Django+channels实现websocket实时通讯@channels Django框架集合channels实现实时通讯和消息推送 channel是Django团队的一个研发的一个给Djang ...
小程序中使用goEasy实现IM实时通讯
小程序中使用IM 想在小程序使用个人用户互相聊天.用户群组聊天功能,大致思路都一样,都是通过长连接实现,项目中没有充裕的时间去实现,于是引入了goEasy的实时通讯功能,goEasy IM通信文档,官 ...
用PHP和Websocket实现实时通讯
说到websocket大家一定不会陌生,WebSocket是HTML5一种新的协议.它实现了浏览器与服务器全双工通信(full-duplex).一开始的握手需要借助HTTP请求完成,当浏览器和服务器握 ...
GoEasy小程序即时通讯源码 v1.1.0基于GoEasy提供的websocket通讯服务
介绍: GoEasy小程序即时通讯源码是一个基于GoEasy提供的websocket通讯服务,实现的小程序即时通讯,支持一对一单聊.群聊.会话列表.上下线提醒.历史消息.离线消息,支持发送图片.视频. ...
uniapp 即时通讯_uniapp与webview的实时通讯
[TOC] ## test.nvue > 如果调用webview的页面使用nvuew才可以实现彼此实时通讯: > nvue 调用 webview 需要手动指定宽高,不像vue页面的 web ...
SpringBoot+WebSocket实时监控异常
欢迎关注方志朋的博客,回复"666"获面试宝典写在前面此异常非彼异常,标题所说的异常是业务上的异常. 最近做了一个需求,消防的设备巡检,如果巡检发现异常,通过手机端提交,后台的 ...
java SSM 框架多数据源代码生成器 websocket即时通讯 shiro redis 后台框架源码
A 调用摄像头拍照,自定义裁剪编辑头像,头像图片色度调节 B 集成代码生成器 [正反双向](单表.主表.明细表.树形表,快速开发利器)+快速表单构建器 freemaker模版技术 ,0个代码不用写,生 ...
使用Node.js+Socket.IO搭建WebSocket实时应用
Web领域的实时推送技术,也被称作Realtime技术.这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新.它有着广泛的应用场景,比如在线聊天室.在线客服系统.评论系统.WebIM等. 作 ...
HTML5+NodeJs实现WebSocket即时通讯
转自:https://www.cnblogs.com/axes/p/3586132.html 最近都在学习HTML5,做canvas游戏之类的,发现HTML5中除了canvas这个强大的工具外,还有W ...

Uniapp使用GoEasy实现websocket实时通讯

Uniapp使用GoEasy实现websocket实时通讯相关推荐

最新文章

热门文章