本人小前端一枚，2个月前入坑Cocos Creator , 目前在边工作边学习Cocos Creator
ps:1.6版本之后就不能直接npm了，好吧，想用最新版的socket.io只能用引入插件的方法
#首先创建一个新项目
目录是这样的
- 创建js文件
- 创建socket.io.js
- 然后单击socket.io.js,右边属性检查器会出现如下图的提示
-
点击导入为插件,然后提示
-
点击在最右边的打钩点击一下即可保存
-
然后去socket.io官网下载,或者点击这里打开，版本是2.0.3
-
然后全选复制
-
回到Creator编辑器双击socket.io.js,删除里面所有内容，粘贴，保存即可
-
然后新建scene文件，创建一个场景game，在js文件下创建对应的game.js
-
双击打开场景game,挂载上对应的game.js
下面就是Creator前端socket.io的编码
ps:基本基于之前论坛大神发的帖子做个小补充CocosCreator + socketIO简易教程(更新至1.0)
-
双开打开game.js
-
在onLoad里面加入下面的代码
-
可复制直接使用
require(’./socket.io’);
var self = this;
var socket = io(‘http://localhost:3000’);
socket.on(‘connection’,function(msg){
});
socket.on(‘text’,function(msg){
console.log(msg);
});
后端node.js代码
ps：仅供参考, 后端socket.io版本也是2.0.3
- 可复制下载对应的包即可使用
let app = require(“express”)();
let server = require(‘http’).createServer(app);
let io = require(“socket.io”)(server);
io.on(‘connection’,function (data) {
io.emit("text",{text:"链接成功"});
});
server.listen(3000);
好啦，基于h5端引入socket.io小案例就这样完成了，浏览器打开控制台看看有没有打印出后端传过来的值?哈哈，多尝试哦。
本人最近做的一个H5的小案例，素材是从万能的某宝买的。扫一扫，打开更多惊喜。。。
