收藏 分享(赏)

2023年月日讲座websocket秀田堂主(教学课件).ppt

上传人:la****1 文档编号:296623 上传时间:2023-03-20 格式:PPT 页数:20 大小:981KB
下载 相关 举报
2023年月日讲座websocket秀田堂主(教学课件).ppt_第1页
第1页 / 共20页
2023年月日讲座websocket秀田堂主(教学课件).ppt_第2页
第2页 / 共20页
2023年月日讲座websocket秀田堂主(教学课件).ppt_第3页
第3页 / 共20页
2023年月日讲座websocket秀田堂主(教学课件).ppt_第4页
第4页 / 共20页
2023年月日讲座websocket秀田堂主(教学课件).ppt_第5页
第5页 / 共20页
2023年月日讲座websocket秀田堂主(教学课件).ppt_第6页
第6页 / 共20页
亲,该文档总共20页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述

1、Websocket讲座高级版 HTML5研究小组 秀野堂主 附件:900多M的cygwin node+socket.io js下操作mysql 我做的案例 聊天室 远程效劳器监控 联机作图 前端伤不起 老子几年前进了互联网圈!成了前端工程师,名字是不是很拉风,有木有!尼玛跟老子讲前台代码简单!出入高级写字楼,薪水高!入行才2K起啊!2K在帝都都够毛用啊!尼玛简单个毛线啊!HTML、XHTML、XML、json.有木有!CSS要写一堆兼容代码有木有!图片素材要合并有木有!JavaScript、OOP、什么线程、请求、异步、优化!内存泄漏!有木有啊有木有!尼玛说你呢!就你张嘴傻乐的!不用IE6会死

2、啊!升级下浏览器会死啊!还有IE6/7/8/9!神马Firefox、Chrome、Safari!神马Android、iPhone、iPad!全尼玛是浮云啊!浮云啊!为毛这么多浏览器!还要都兼容啊!坑爹呢啊!尼玛天天赶工程要加班啊!加班比吃饭还正常啊!最恶心的是辛辛苦苦写的代码啊!尼玛上线了还要改啊!最后改的面目全非啊!技术更新比翻书还快啊!神马HTML5、CSS3啊!离线、圆角、动画、视频、音频尼玛想让前端把活都揽了啊!尼玛英文能力还要好啊!要不看不懂大老外写的博客啊!尼玛哥又不是英语专业的啊!尼玛产品出BUG了先查前端代码啊!是不是前台的问题都丢给前端啊!哥是超人吗!?尼玛提供的数据就是那个

3、操行,哥能去改效劳器啊!尼玛当初不是说你说这么改的吗 最后尼玛又让哥改回去!坑爹啊!总之 做前端的尼玛你伤不起啊啊啊啊啊啊!后台开发只扔一堆数据就不管了啊!设计哥扔下PSD就完事了啊!尼玛哥要高保真复原啊!尼玛领导要1px对齐啊!尼玛残品哥要这样那样的动态效果啊!尼玛都是要做死啊!为毛做后台开发就高级啊!前端开发就没技术含量啊!残品哥很淡定的说:这个很好搞嘛!好搞你妹啊!你以为哥是拿意念写代码的啊!哥要一行一行写几千行代码啊!Ws与xhr的区别 互联网 Or 局域网 Or 其它网络结构 server Upgrade-handshake 双工,持续,快速,事件 IE6、7、8、9 broswer

4、 Chrome Safrai、Opera 其它穿着马甲的IE broswer xhr xhr xhr ws ws ws xhr 猥琐websocket的模型与计算图 broswer Ws-server Ws:/ip:端口 握手 开始状态判断 帧通信 ws头尾加密 一个WEB客户端只建立一个TCP连接 效劳端可以推送数据到web客户端 头部轻,数据传送量少 通信量的计算公式 设:每天接受1万个IP 每个IP每次浏览10次 每次浏览产生100K的数据 每个 头1K 每个ws头1.01K 计算:在 请求下,每个点击都需要 头+内容 通信量:(100+1)Kx10000 x10=10,100,000K

5、 效劳器连接数量:CPU与内容消耗:在ws下,一次连接,全程使用 通信量:(100+1)Kx10000 x10=10,100,000K 效劳器连接数量:CPU与内容消耗:用11句话来概括websocket 1.我习惯上称之为ws协议猥琐协议 2.这是帧通信 3.他是 协议的增强升级。又称为 1.1 4.双向双工 5.可持续性的独立通信事件 6.毫秒级通信,高实时 7.基于浏览器 8.目前还是draft状态 9.在proxy环境下有麻烦 10.Ws(猥琐)协议是基于事件编程,有动作就有响应 11.你可以根据websocket协议猥琐协议写出私有猥琐效劳器 写一个websocket应用是很容易的

6、条件:架设好websocket效劳器 在支持websocket的浏览器发出ws请求 注意:注意跟踪连接的状态 注意通信中使用的是stream还是string 使用事件 node,sock.io与websocket的关系 broswer v8 js node os hardware Node.js 包罗万象的一个javascript runtime了不起 够做的超过很多人的想像 从目前的测试来看,10万socket并发的8核效劳器貌似没有问题 这是涵盖websocket协议的ssjs的典型之作 大多人知道js是基于事件,node让大家知道js是四层架构,可以直接访问硬件了 Socket.io L

7、earnboost提供的一个基于 websocket的通信框架 向下又跨adobe兼容太多,产生大量的弊端 在groups.google上面讨论的非常多,但本人觉得这是一个被玷污的作品,最终可能会被node-websocket-server代替 一直对ssl和proxy的问题无法解决 目前还在跟踪,感觉此物前途莫测 Socket.io Node-websocket-server Node的组成与SSJS Server side javascript=ssjs Node 组成 由C写的嵌入v8的程序#include 类似 .net 的CLR 对事件的响应于javascript写成 架设基于nod

8、e的猥琐效劳器一 架设 linux下 Ubuntu 安装依赖包 sudo apt-get install g+curl libssl-dev apache2-utils sudo apt-get install git-core git clone git:/github /ry/node.git cd node./configure make sudo make install Centos yum install gcc-c+openssl-devel wget-no-check-certificate s:/github /ry/node/tarball/v0.3.3 tar-xzvf

9、ry-node-v0.3.3-0-g57544ba.tar.gz cd ry-node-v0.3.3-0-g57544bac1./configure make make install mac下 s:/github /mxcl/homebrew.git brew install node 安装Xcode 安装git 架设基于node的猥琐效劳器二 windows下 条件:必须模拟出linux环境 还要有python环境 还要能够git很多很多 下载地址 :/xiuyetang /cygwin.rar 让我教你练习node,体验ws:Cygwin全部下载不要看网上关于cygwin的缺点和缺乏,试

10、了才知道 Git到node文件,由于ray同学已经与joyent产生了合作。所以目前cnodejs.org这个号称在中国的官网发布的是错的。正确地址是:git clone git:/github /joyent/node.git 而不是:git clone git:/github /ry/node.git cd node ./configure make 可以在#提示符下直接运行:node node/你的效劳器js了 本卷须知 1,我从不考虑兼容的事情。因为这是试验。2,从目前的应用来看,移动媒体上也不需要兼容IE 3,微软始终是慢一拍的,别在互联网上跟随他。Websocket与node的商业

11、应用 你看到的这个标题是真实不虚的,已广泛应用在国内外好多公司 国内:taobao 国外:教育领域:learnboost 据说,他们致力于通过网页技术来提供革命性教育EN:SF-based education startup LearnBoost London 2022 olympics shop runs on server-side JavaScript many kinds application of you can think 今天要看很多方案 眼睛别只看着 和ipad 所有的网站、OA、ERP、办公领域 监控安防领域 传感器也可以接上websocket 通信是一种想像力 最简易的远

12、程控制 移动设备-掌中阅读方案 Ws-server=based on node.js database ipad iphone Android with opera mini UC Ssjs sql 现在大多数移动新闻阅读有问题,无缓存 例如:参考消息、艾瑞咨询、科技资讯 咨讯与天气那么是结合 走的浏览器路线 结合localstorage将有效减少访问,让用户体验更好。只要愿意,随时可以控制客户端。重点解决几个问题:1,网络请求过多的问题。2,对新闻客户端身份确实认问题。3,减少访问,已读过的新闻不必再下载的问题。另一片蓝海网络教育与办公软件 文件管理,远程监控,文件同步,用户监控 Ws-se

13、rver=based on node.js database Ssjs sql Video classroom Ssjs sql 优点:用户状态更可控。效劳更稳定,流畅 技术上有保障 联机对战 时间裁决,倒底是哪一种正义?典型案例 雷神之锤、反恐精英谁网速快,谁先跑,拼的就是速度 红色警戒、星际向低网速兼容,大家一起玩策略 个人时间被公共时间代替,公共时间的决定,由效劳器完成。设:s=server,c1=client1,c2=client2 解答:s.time=low(c1.time:c2.time)|s.time=freehigh(c1.time:c2.time)C(x).mission-t

14、arget-finished-win =without s.time 联机斗地主,联机打飞机完全可以用html5实现,不必担忧版权问题,因为效劳器的核心事件还是挺多的。应该鼓励大家自己写客户端连上去。让用户参与游戏的开发。可以提供效劳器端的API。更有意思 最终任何一种html5联机游戏的效劳端都会越来越瘦,最后只剩下网络通信、时间裁决、房间组成。三个局部。以上全是个人观点,敬请注意判断 写自己的websocket效劳器 PHP Python 等等。好多开发语言都可以搞websocket效劳 但是仿佛所有的客户端都是js 能不能vbs?这东西在win上太强悍了 奇技淫巧:思考最简易的远程控制

15、步骤 用vbs在本机发起一个基于chrome浏览器的ws效劳。连接 接收效劳器端发回的各种数据鼠标坐标,键盘位,命令,文件流。运行各种命令。作用 1.可以不依赖任何一种安装程序,即可控制机器,接受管理。无痕迹。2.Vbs运行于windows,所以这样的远程控制只对windows有效 答复几个问题 神秘唯一(306451129)9:58:45 Web Socket是如何减少不必要的网络流量和延迟的?深圳-sipo(103234877)14:28:44 webgl 惊叹号!(317001062)14:28:52 running node on android.Protocal 全双工,双向 最小帧2B apibroswer(浏览器自带的套接字)事件 webGL webCL 操作系统只是平台 任何操作系统,只要能够有编译器和python解释器,js解释器就可以 你要是实在需要手册,给我一个android Web3d和云端渲染 水平有限,意犹未尽 谢谢大家,有问必答 特别感谢田爱娜同志,大家也应该谢谢她 她为推动html5的普及做了巨大的奉献。

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 教育教学 > 教案课件

copyright@ 2008-2023 wnwk.com网站版权所有

经营许可证编号:浙ICP备2024059924号-2