搞死socket.io第一天,环境搭建 & Hello world

原文:http://www.cnblogs.com/xiezhengcai/p/3955827.html

socket.io 一个与服务器实时通信的工具,它与原生的webSocket相比,具有更可靠、快速的优点,并且能很好的兼容不同系统、浏览器及设备。http://socket.io/

nodeJS 服务端js解析引擎 http://www.nodejs.org/

一、环境搭建

在服务器上创建目录socketio,以它为我们的工作空间。

安装node(略过)

在工作空间下:

安装socket io模块,

npm install socket.io

安装完之后可以看到多一个node_modules目录,里面有刚才所安装的socket.io内容

安装express

express 是一个基于node的web框架

npm install express

可以看到 express到了node_modules目录下

二、建立socket服务

1 var Server = require(‘socket.io‘);
2 var io = new Server(5555);
3 io.on(‘connection‘, function (socket) {
4     socket.emit(‘msg‘, { hi: ‘Hello,world‘ });
5     socket.on(‘msg‘, function (data) {
6         console.log(data);
7     });
8 });

代码的1-2行显示了 创建一个socket sever,3-8行监听当用户连接之后向用户发送Hello world,并监听用户发送过来的信息将其输出到控制台

启动服务:node socketServer.js

客户端测试

1 var socket = io("ws://103.31.201.154:5555");
2 socket.on(‘msg‘,function(data){
3     socket.emit(‘msg‘, {rp:"fine,thank you"});
4     console.log(data);
5 });

客户端监听服务端发送来的msg消息,同时也向服务端发送一个msg消息。

运行结果:

服务端收到的消息

客户端收到消息

三、建立http服务器

使用node创建一个http服务器,将我们的客户端代码放在服务器下

var express = require(‘express‘);
var app = express();
app.get(‘/‘, function(req, res) {
   res.sendfile(‘/index.html‘, {root: __dirname + ‘/client‘ });
});
app.use(‘/client‘, express.static(__dirname + ‘/client‘))
app.listen(1111);

启动 node httpServer.js

我们将客户端代码提交到client下,通过 http://103.31.201.154:1111 就可以直接访问到我们刚写的index.html

昨天 下午停网 ,回家停电,今天整天停电停网。哭吧......

时间: 2024-08-06 17:38:27

搞死socket.io第一天,环境搭建 & Hello world的相关文章

搞死socket.io第二天,系统api, UP UP UP UP UP

原文:http://www.cnblogs.com/xiezhengcai/p/3956401.html 1. 服务端 io.on('connection',function(socket)); 监听客户端连接,回调函数会传递本次连接的socket io.sockets.emit('String',data); 给所有客户端广播消息 io.sockets.socket(socketid).emit('String', data); 给指定的客户端发送消息 socket.on('String',f

使用socket.io和node.js搭建及时通信系统

socket.IO是一个websocket库,包括了客户端的js和服务器端的nodejs.官方地址:http://socket.io 使用socket.io和nodejs搭建websocket服务器端 socket.io不仅可以搭建客户端的websocket服务,而且支持nodejs服务器端的websocket. 下面让我来介绍一下怎么安装配置nodejs. 进入http://nodejs.org/#download下载msi文件.一直点next安装.最后文件会自动安装在C:\nodejs目录下

centos LAMP第一部分-环境搭建 第十九节课

centos LAMP第一部分-环境搭建  Linux软件删除方式,mysql安装, 第十九节课 上半节课 Linux软件删除方式 mysql安装 下半节课 apache下面的一个软件httpd,大家会把httpd误认为是apache 搜狐镜像:http://mirrors.sohu.com 康盛镜像:http://www.aminglinux.com/study_v2/download.html Linux软件删除方式源码包删除:直接删除目录rpm删除:rpm -eyum 删除 yum rem

一、Android学习第一天——环境搭建(转)

(转自:http://wenku.baidu.com/view/af39b3164431b90d6c85c72f.html) 一. Android学习第一天——环境搭建 Android 开发环境的搭建 环境搭建需要①Android SDK ②JDK ③eclipse 环境搭建开始: ㈠将Android SDK与JDK解压,最好路径中不要出现汉字,然后配置环境变量,方便命令行操作 ㈡为eclipse(3.4.1)安装开发Android插件——Android ADT Help-->Install N

ThinkPHP第一课 环境搭建

第一课 环境搭建 1.说明: ThinkPHP是一个开源的国产PHP框架,是为了简化企业级应用开发和敏捷WEB应用开发而诞生的.最早诞生于2006年初,原名FCS,2007年元旦正式更名为ThinkPHP,并且遵循Apache2开源协议发布.早期的思想架构来源于Struts,后来经过不断改进和完善,同时也借鉴了国外很多优秀的框架和模式,使用面向对象的开发结构和MVC模式,融合了Struts的Action和Dao思想和JSP的TagLib(标签库).RoR的ORM映射和ActiveRecord模式

python+selenium第一步 - 环境搭建

刚开始学习一门技术,肯定是要从环境搭建开始的,我也不例外. 首先选择需要安装的版本,我使用的是mac自带的2.7版本. selenium2,和火狐浏览器 为求稳定不会出现未知问题,我选择了selenium2.53.6和firefox45版本 1.安装python 我使用的是mac电脑,所以这一步就省略了. 2.安装pip 我是在目录下载了pip到本地,目录命令行安装的 也可以使用easy_install pip进行安装 3.安装selenium 使用在线安装的方式安装的selenium pip

练习es6第一步 环境搭建!

学习ES6首先需要有ES6开发环境,高版本的浏览器都实现了ES6的支持,但是有些低版本还是不支持es6的语法,所有,我们这个时候需要使用一个转换器来将ES6的语法转换成ES5的语法,我们这里使用Babel将ES6转换成ES5 初期工作简单点,直接建立一个index.html在index.html中引入es5.js,在分别创建es5.js和es6.js 首先开始第一步,初始化项目 1.打开黑窗口(window+r),进入项目目录,输入命令 npm init -y -y 表示默认同意,就不用来回的按

android第一天环境搭建

一:知识准备 1.JDK(Java Development Kit)是Sun Microsystems针对Java开发员的产品.自从Java推出以来,JDK已经成为使用最广泛的Java SDK.JDK 是整个Java的核心,包括了Java 运行环境,Java工具和Java基础的类库. 2.目前Android开发所用的开发工具是Eclipse,在Eclipse编译IDE环境中,安装ADT,为Android开发提供开发工具的升级或者变更,简单理解为在Eclipse下开发工具的升级下载工具. 3.SD

python 第一章环境搭建

win7安装Pycharm 先配置安装好python,因为安装pycharm时需要选择python解释器 Python下载地址:https://www.python.org/getit/,下载后缀为.msi的文件,比如2.7.9的这个版本 直接安装,下一步,到安装完成 3.配置python的环境变量 右键点击"计算机",然后点击"属性" 然后点击"高级系统设置" 选择"系统变量"窗口下面的"Path",双击