微信小程序使用 GoEasy 实现 websocket 实时通讯 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
jonychen1
V2EX    微信

微信小程序使用 GoEasy 实现 websocket 实时通讯

  •  
  •   jonychen1 2020-05-11 10:58:15 +08:00 2308 次点击
    这是一个创建于 1989 天前的主题,其中的信息可能已经有所发展或是发生改变。

    不需要下载安装,便可以在微信好友、微信群之间快速的转发,用户只需要扫码或者在微信里点击,就可以立即运行,有着近似 APP 的用户体验,使得微信小程序成为全民热爱的好东西~

    同时因为微信小程序使用的是 Javascript 语法,对前端开发人员而言,几乎是没有学习成本和技术门槛的。对于大部分场景,都可以使用小程序快速开发实现,不论是开发周期还是开发成本都低的让人笑哭,所以受到了技术开发团队的各种追捧~

    但如果要在小程序里快速的实现一个即时通讯功能,就有点尴尬,因为微信官方提供的只是一个底层的 websocket api,要在项目中直接使用,还需要做很多额外的工作,比如首先就需要搭建自己的 websocket 服务~

    那有没有简单的方式呢? 当然是有的!

    今天小编就手把手的教您用 GoEasy 在微信小程序里,最短的时间快速实现一个 websocket 即时通讯 Demo 。

    image

    本 demo 已经完成了真机下的小程序的测试,完整源代码开源到 oschina 的码云上,clone 后,只需要将代码里的 appkey 换成自己的 common key,就可以体验了, 源码网址:https://gitee.com/goeasy-io/GoEasyDemo-wxapp-Helloworld

    1 、获取 appkey

    GoEasy 官网(https://www.goeasy.io/)上注册账号,创建一个应用,拿到您的 appkey 。 image

    GoEasy 提供了两种类型的 appkey:

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

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

    2 、获取 GoEasy SDK

    下载 https://cdn.goeasy.io/download/goeasy-1.0.11.js

    import GoEasy from './goeasy-1.0.11'; 

    3 、初始化 GoEasy 对象

    var self = this; this.goeasy = GoEasy({ host: 'hangzhou.goeasy.io', appkey: "您的 appkey", onConnected: function () { console.log("GoEasy connect successfully."); self.unshiftMessage("连接成功."); }, onDisconnected: function () { console.log("GoEasy disconnected.") self.unshiftMessage("连接已断开."); }, onConnectFailed: function (error) { console.log(error); self.unshiftMessage("连接失败,请检查您的 appkey 和 host 配置"); } }) 

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

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

    4 、小程序端接收消息

    var self = this; this.goeasy.subscribe({ channel: "my_channel", onMessage: function (message) { self.unshiftMessage(message.content); }, onSuccess: function () { self.unshiftMessage('订阅成功.'); } }); 

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

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

    5 、小程序端发送消息:

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

    this.goeasy.publish({ channel: "my_channel", message: self.data.message, onSuccess: function () { self.setData({ message: '' }); //清空发送消息内容 console.log("send message success"); }, onFailed: function (error) { self.unshiftMessage('发送失败,请检查您的 appkey 和 host 配置.'); } }); 

    本代码源码下载:https://gitee.com/goeasy-io/GoEasyDemo-wxapp-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 对于图片和视频,通常的做法都是,只推送文件路径,而不会推送文件本身。你如果有注意的话,当您接受图片和视频的时候,收到消息后,等一会儿才能看,就是因为发送的时候,只发送了路径。

    3 、GoEasy 和微信小程序官方的 websocket API 有什么区别和优势?

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

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

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

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

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

    4 、GoEasy 在小程序的开发中主要用在那些场景呢?

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

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

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

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

    GoEasy 官网:https://www.goeasy.io

    目前尚无回复
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3405 人在线   最高记录 6679   nbsp;   Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 04:53 PVG 12:53 LAX 21:53 JFK 00:53
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86