我至今还清晰记得大学时问过老师:服务器如何主动向客户端推送信息,老师的回答是客户端定时请求刷新,如今有了更好的方案webSocket。
本案例的功能是与机器人对话,当然通过ajax一样能实现,但这期的主角是socket.io,实现方式上与传统的ajax请求和回调完全是两种概念。
案例使用了node.js+socket.io+Vue+gulp+sass...麻雀虽小,五脏俱全。由于我使用的虚拟主机不支持node,没能做在线demo,请git到本地运行。
做了一个ajax版的demo,功能和界面完全一样,见底部。
界面:
源码地址:https://github.com/denghao123/AI-chat
演示地址:demo(ajax版): http://denghao.me/demo/2017/demo_ajax.html
操作步骤:
npm install
gulp
localhost:8000 //浏览器访问
(本篇完。有疑问欢迎留言探讨)
热门文章
- 微信小程序“拍照识图”上线(63,758)
- YouTube评论翻译插件《油管评论翻译机》上线了(60,289)
- 基金助手--chrome浏览器插件(45,193)
- 拍照识别彩票结果在线工具(31,944)
- vue+tabs动态组件方案漫谈(26,477)
- 《油管评论翻译机》使用说明书(25,339)
- 网页打印插件Print.js(23,978)
- 自用YouTube抓取评论+翻译工具(23,380)
- YouTube评论导出免费在线工具(18,055)
- px转rem/vw方法小结(17,565)