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项目



评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值