socket.io体验-AI在线聊天

2017-03-04 | 7,365浏览 | 0评论 | 标签:vue socket.io node gulp

AIchat.jpg
我至今还清晰记得大学时问过老师:服务器如何主动向客户端推送信息,老师的回答是客户端定时请求刷新,如今有了更好的方案webSocket。

本案例的功能是与机器人对话,当然通过ajax一样能实现,但这期的主角是socket.io,实现方式上与传统的ajax请求和回调完全是两种概念。

案例使用了node.js+socket.io+Vue+gulp+sass...麻雀虽小,五脏俱全。
由于我使用的虚拟主机不支持node,没能做在线demo,请git到本地运行。
做了一个ajax版的demo,功能和界面完全一样,见底部。

界面:

socket.io体验

源码地址:https://github.com/denghao123/AI-chat

演示地址:demo(ajax版): http://denghao.me/demo/2017/demo_ajax.html

操作步骤:

npm install
gulp
localhost:8000 //浏览器访问
(本篇完。有疑问欢迎留言探讨)

留言:

*

* (方便回复通知)

打赏
编辑代码 运行结果
退出