NodeJs+Egret制作socket在线五子棋游戏(1)


nodeJs火了已经一段时间了,作为一个有志于做一个全栈的程序员,自己再不已经out了。

首先我们希望搭建一个nodeJS环境,这个需要去网上baidu一下,到处都是,mac的,windows的,都可以。


1.部署 nodeJS环境

在这里简单的分享一个度娘的教程,其实安装好了,打一下 node --version,就可以了。
http://jingyan.baidu.com/article/77b8dc7fe72a056174eab6f4.html


2.创建一个 Node.js 模块

以windows为例,先cd到工作目录,

这里我们会用到第一个npm指令。
npm init


 输入对应的信息以生成传说中的package.json。

如果一切正常,package.json,就这样诞生了。

{
  "name": "testsocketio",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
   }

关于npm命令行的扩展阅读,请参考
http://www.tuicool.com/articles/NF3EZnb

3.安装socket.io

以windows为例,先cd到工作目录,我们需要安装一下socket.io
运行npm install socket.io(mac 上注意要加sudo)


4.安装express

类似的安装方式,非常简单高效的配置方案,怎么不让人爱上nodeJS。
npm install express



5.然后我们可以开始码代码了


在当前文件夹下创建一个index.js,输入以下代码

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function(req, res){
    res.send("welcome");  //在浏览器打开时显示在页面上的信息..
});
//轮到哪个玩家下棋了
var playerRound=0;
io.on('connection', function(socket){
    console.log('a user connected');

    socket.on('login', function(obj) {
        //obj类型any
        //console.log(obj.uid);

        console.log("rev login");

        //callBack({name:"peter", age:1});

        socket.emit('login',{name:"peter", age:1} );

        //向所有客户端广播用户加入
        io.emit('login',{name:"peter", age:1} );
    });
	
	//监听用户发布聊天内容
	socket.on('message', function(obj){
		//向所有客户端广播发布的消息
		io.emit('message', obj);
		io.emit('OwnEvent',obj);
		console.log(obj.username+'说:'+obj);
	});

});

http.listen(3000, function(){
    console.log('listening on *:3000');
});


6.运行服务器

直接在命令行里面输入node index.js,运行nodejs服务。

在浏览器里面键入localhost:端口号,就能看到欢迎信息。



至此,我们第一步已经完成了,稍后我们需要配置一下客户端

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值