CocosCreator + socketIO

首先下载并安装 node.js  node.js
MAC OS :node.js_for_mac
完成后安装目录如图



windows 为 win + R  -> cmd

后面安装web框架Express  (如果npm不能安装  请看最后面网盘目录下打包的node_module
解压后 放到node.js安装目录下node_module下即可 然后直接看后面的路径配置)

在上图安装目录下 按住shift + 鼠标右键 -> 在此处打开命令行 
输入 npm install --save express 
稍等几秒后就会安装完成

后面安装webSocket包装框架SocketIO

在上图安装目录下
按住shift + 鼠标右键 -> 在此处打开命令行 
输入 npm install --save socket.io
稍等几秒后就会安装完成

然后配置一下包路径

NODE_PATH : C\node.js\node_modules  (这个是我的Node.js安装路径下node_module文件夹的路径  你应当指到自己电脑上node.js安装路径下node_module文件夹)

添上这一句之后  后面代码里面的require('express')
/ require('socket.io'); 才知道  
要在NODE_PATH指定的文件夹下面去找包 
和 import JAVA 是一个道理 需要配置CLASS_PATH

 


到这里node.js后台的配置工作就完成了

node.js编程的一个思想就是模块的组合  就和搭积木一样 
要用什么就伸手要什么(require),
想叫别人做什么就大声喊出来(socket.emit('告诉一个人')或socket.broadcast.emit('告诉全部人')), 
听到的人就会去做事情了(socket.on('听到了',function('你给我的这个啥玩意'){ 做事情}));



后面再server.js目录下
依旧shift + 鼠标右键 ->在此处打开命令行 
输入node server.js
(可以输入node 然后按Tab 自动补全)
运行 效果如图



至此
一个简单的服务器就搭建完成了

然后下载客户端的socket.io.js文件
用于在前端访问socket.io socket.io.js

然后新建cocoscreator项目距工程。然后在assert下的script下新建放入
 socket.io.js文件。

在canvas绑定的helloworld.js代码中的onLoad()函数中加入以下代码，运行就可以了

//
use this for initialization

    onLoad: function () {

        this.label.string = this.text;
let self = this;
if(cc.sys.isNative){
window.io = SocketIO;
}else{

// require('socket.io');
}
window.socket = io('http://localhost:3000');

window.socket.on('connected',function(msg){
self.label.string = msg;
});

    },

进到server.js
目录下 shift +鼠标右键　->在此处打开命令行
输入node server.js  开启后台

运行前端cocos
creator项目