楼主: HappyAndy_Lo
360 4

[学习笔记] HTML5+CSS3-充实笔记0706 [推广有奖]

  • 51关注
  • 7粉丝

大师

17%

还不是VIP/贵宾

-

威望
1
论坛币
84520 个
通用积分
11312.4871
学术水平
666 点
热心指数
821 点
信用等级
732 点
经验
398874 点
帖子
16369
精华
0
在线时间
3321 小时
注册时间
2016-7-9
最后登录
2024-6-4

+2 论坛币
k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群
赵安豆老师微信:zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

感谢您参与论坛问题回答

经管之家送您两个论坛币!

+2 论坛币
以Nodejs为例
https://nodejs.org/download   

Windows下,还需要Python2.7 和 Visual C++支持
安装Nodejs模块:   npm install nodejs-websocket

一个最简单的nodejs 服务器端程序(功能仅是启动http服务)代码如下:
var http = require("http");
http.createServer(function(request, response){
        response.writeHead(200, {"Content-Type":"text/plain; charset=UTF-8"});
        response.write("服务已启动");
        response.end( );
}).listen(8088);

保存这段代码到NodeJs安装目录,命名为server.js,返回到命令窗口,输入:
node server.js
WebSocket API客户端的基本用法
建立WebSocket通信连接前,首先要创建一个WebSocket对象,通过该对象的构造函数传递一个URL参数:
     var ws=new WebSocket("ws://127.0.0.1:8088");
因其为一个新协议,不同于http,所以创建链接的URL字符串以ws开头(加密的,用wss)
创建链接后web端会和服务器端进行一次握手,此时服务器端必须正常运行,否则创建失败

接下来:
    ws.send("message");
    ws.onopen=function( ){
            console.log("链接已建立");
     }
通过获取onmessage事件句柄来接收服务器端传过来的数据
     ws.onmessage=function(msg){
            console.log("接收的消息:"+msg.data);
     }
通过获取onclose事件句柄来监听WebSocket的关闭事件:
      ws.onclose=function(){
           console.log("链接已关闭");
      }
onerror事件来监听错误事件。

实例(略)
编写客户端HTML文件;编写服务器端WebSocket代码;添加WebSocket客户端代码
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

关键词:HTML5 HTML htm function response

回帖推荐

sulight 发表于5楼  查看完整内容

谢谢分享

苏亮480 发表于4楼  查看完整内容

谢谢分享

经管之家编辑部 发表于3楼  查看完整内容

学习笔记奖!
已有 1 人评分论坛币 收起 理由
经管之家编辑部 + 60 精彩帖子

总评分: 论坛币 + 60   查看全部评分

沙发
albertwishedu 发表于 2019-7-6 10:10:12 |只看作者 |坛友微信交流群

使用道具

学习笔记奖!

使用道具

板凳
苏亮480 发表于 2019-7-6 15:57:52 |只看作者 |坛友微信交流群
谢谢分享

使用道具

报纸
sulight 学生认证  发表于 2019-7-6 15:57:59 |只看作者 |坛友微信交流群
谢谢分享

使用道具

您需要登录后才可以回帖 登录 | 我要注册

本版微信群
加JingGuanBbs
拉您进交流群

京ICP备16021002-2号 京B2-20170662号 京公网安备 11010802022788号 论坛法律顾问:王进律师 知识产权保护声明   免责及隐私声明

GMT+8, 2024-6-5 07:38