热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

WebSocket实例-Node.js和Socket.IO

nsitionalENhttp:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd

费话就不多说了,先来说一个WebSocket的环境配置,用的是node.js和Socket.IO。

首先需要安装node.js,很简单。下载node.js,下载完成后双击安装,CMD打开命令窗口,指定到nodejs的安装目录。

安装Socket.IO也很容易,一条语包搞定,

npm install socket.io,等待安装完成就可以

#WebSocket实例-Node.js和Socket.IO

在nodejs安装目录下,新建http.js(文件名任取),代码如下:

var fs = require('fs')
    , http = require('http')
    , socketio = require('socket.io');
 
var server = http.createServer(function(req, res) {
    res.writeHead(200, { 'Content-type': 'text/html'});
    res.end(fs.readFileSync(__dirname + '/index.html'));
}).listen(8888, function() {
    console.log('Listening at: http://localhost:8888');
});
 
socketio.listen(server).on('connection', function (socket) {
    socket.on('message', function (msg) {
        console.log('Message Received: ', msg);
        socket.broadcast.emit('message', msg);
    });
});

再新建一个index.html,代码如下:



   
   
   


Incoming Chat: 






    到此,所有的代码部分都已经完成,接下来就是运行了,

    在命令窗口中,切换到nodejs的安装目录,运行如下指令:

    >node http.js,效果如下图

    #WebSocket实例-Node.js和Socket.IO

    现在我们运行两个浏览器(必须支持websocket的)就可以相互发消息了,效果图下图

    #WebSocket实例-Node.js和Socket.IO

    Node.js 的详细介绍:请点这里
    Node.js 的下载地址:请点这里

    Node.js安装与配置 2013-05/84836.htm

    Socket.IO 和 Node.js 入门 2012-05/60447.htm

    使用HTML5,WebSockets,nodejs和socket.io构建实时游戏 2012-06/61798.htm


    推荐阅读
    • 前言:原本纠结于Web 模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中eval函数。虽然eval函 ... [详细]
    • RN即ReactNative基于React框架针对移动端的跨平台框架,在学习RN前建议最好熟悉下html,css,js,当然如果比较急,那就直接上手吧,毕竟用学习前面基础的时间,R ... [详细]
    • 这是一篇参考学习使用的文章,但是无法执行通过最近,实验室在做一个适配于手机的web项目(可以说是一个混合应用开发),最后需要打包成apk程序,作为一名对移动开发的研究者,这个打包的 ... [详细]
    • 程序员如何选择机械键盘轴体?红轴和茶轴对比
      本文介绍了程序员如何选择机械键盘轴体,特别是红轴和茶轴的对比。同时还介绍了U盘安装Linux镜像的步骤,以及在Linux系统中安装软件的命令行操作。此外,还介绍了nodejs和npm的安装方法,以及在VSCode中安装和配置常用插件的方法。最后,还介绍了如何在GitHub上配置SSH密钥和git的基本配置。 ... [详细]
    • 必须先赞下国人npm库作品:node-images(https:github.comzhangyuanweinode-images),封装了跨平台的C++逻辑,形成nodejsAP ... [详细]
    • React 小白初入门
      推荐学习:React官方文档:https:react.docschina.orgReact菜鸟教程:https:www.runoob.c ... [详细]
    • 前言:原本纠结于Web模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中ev ... [详细]
    • ①安装node.js②按照下面命令行执行node安装参照网址:https:www.cnblogs.compearl07p6247389.htmlwebpack讲解安 ... [详细]
    • 成功安装Sabayon Linux在thinkpad X60上的经验分享
      本文分享了作者在国庆期间在thinkpad X60上成功安装Sabayon Linux的经验。通过修改CHOST和执行emerge命令,作者顺利完成了安装过程。Sabayon Linux是一个基于Gentoo Linux的发行版,可以将电脑快速转变为一个功能强大的系统。除了作为一个live DVD使用外,Sabayon Linux还可以被安装在硬盘上,方便用户使用。 ... [详细]
    • java实现rstp格式转换使用ffmpeg实现linux命令第一步安装node.js和ffmpeg第二步搭建node.js启动websocket接收服务
      java实现rstp格式转换使用ffmpeg实现linux命令第一步安装node.js和ffmpeg第二步搭建node.js启动websocket接收服务第三步java实现 ... [详细]
    • npminstall-Dbabelcorebabelpreset-envbabelplugin-transform-runtimebabelpolyfillbabel-loader ... [详细]
    • .babelrc是用来设置转码规则和插件的,这种文件在window上无法直接创建,也无法在HBuilder中创建,甚至无法查看,但可以在sublimetext中创建、查看并编辑。当 ... [详细]
    • 技术周报·2021-05-07-小编推荐向现代Javascript转型原文标题:Publish,ship,andinstallmodernJavaScriptforfaste ... [详细]
    • DAO设计模式(九)_1.设计分层初步 ... [详细]
    • vcpkg win10下编译zlib失败
      win10下编译uwebsockets库依赖zlib编译报错如下:修改:vcpkg\ports\zlib\portfile.c ... [详细]
    author-avatar
    咬__唇
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有