找回密码
 立即注册

QQ登录

只需一步,快速开始

renho 活字格认证
银牌会员   /  发表于:2022-10-30 23:22  /   查看:3463  /  回复:11
本帖最后由 renho 于 2022-11-13 16:59 编辑

如何用活字格打造即时聊天系统
           -- 用户在线列表(非一般心跳检测实现)





一、三言两语

今天抽时间用了下新版活字格的服务端通知功能
活字格的服务端通知使用websockt(简写为ws)实现的
ws只需要握手一次,这样就能一直连接,就能实现即时聊天、实时通知等功能
整体使用下来,使用起来还是比较方便,活字格把地址给封装起来了,大家使用的时候不需要去关注连接。


其实大家这样理解就容易马上上手服务端通知

1:服务端通知(设计器左下侧新增):相当于建了个微信群
2:页面订阅频道(页面加载时调用):相当于大家进入了微信群
3:服务端命令 发送通知(调用服务端命令):相当于在微信群发了条消息。

目前服务端通知 唯一不好的地方呢,就是ws实现的不完整,不过后续还有上升空间。

好了废话不多说,先上图
image.png428049010.png


二、数据表
image.png78461302.png
新增了一张表,专门用于记录用户在线状态
新增了1个公式字段,用于计算秒
公式为 =(now()-[onlinedate])*24*60*60
image.png541315307.png


三、服务端通知
image.png702226562.png

新增一个即时通讯频道,在模板页面加载的时候,进行订阅(订阅就相当于正式进入了这个频道,频道里面的用户,都能收到消息)

image.png270763243.png
四、页面命令
使用了js命令,定时执行
image.png958246459.png


定时点击按钮,更新当前用户在线状态
其实也就是把status设置为了1
1代表在线 0代表离线


image.png987612915.png


五、定时任务


定时进行检测,获取status = 1 的用户数据





image.png398471068.png




然后与当前时间进行比较,检测时间差

image.png632224425.png

如果大于一定值则把status置为0





完成上述操作,基本就能实现一个在线用户列表了。








工程文件在官方商城已经上架,欢迎选购

即时聊天框架 - 葡萄城市场 (grapecity.com.cn)






评分

参与人数 2金币 +200 满意度 +5 收起 理由
Chelsey.Wang + 200 赞一个!
sz_xd + 5

查看全部评分

11 个回复

倒序浏览
137294886
金牌服务用户   /  发表于:2022-10-31 01:01:01
沙发
老师好,很实用,能上一个demo吗
回复 使用道具 举报
dlxubo
银牌会员   /  发表于:2022-10-31 08:21:30
板凳
现在就缺一些好的demo,也希望官网能提供一个模板供大家参考学习
回复 使用道具 举报
renho活字格认证
银牌会员   /  发表于:2022-10-31 08:26:30
地板
Demo我准备上架的,待我完成了过后可以来购买,若是没有完成,我就免费放出来。
回复 使用道具 举报
caozb
高级会员   /  发表于:2022-10-31 12:14:30
5#
回复 使用道具 举报
sz_xd
金牌服务用户   /  发表于:2022-10-31 12:32:29
6#
renho 发表于 2022-10-31 08:26
Demo我准备上架的,待我完成了过后可以来购买,若是没有完成,我就免费放出来。

非常感谢分享!最好也能分享 demo,谢谢!
回复 使用道具 举报
renho活字格认证
银牌会员   /  发表于:2022-10-31 18:43:30
8#
lh123 发表于 2022-10-31 18:41
确实是发财之道。用demo换人民币。金币真不好。

我这是寓教于学,动手能力强的 也可以按照我的思路,说不定比我还先开发完呢
回复 使用道具 举报
alexyui悬赏达人认证 活字格认证
银牌会员   /  发表于:2022-10-31 20:23:06
9#
回复 使用道具 举报
Aa金砂
高级会员   /  发表于:2022-11-1 15:11:29
10#
空谈误国
回复 使用道具 举报
放下活字格认证
高级会员   /  发表于:2022-11-6 21:18:11
11#
思路非常好
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部