cocos creator添加socket.io.md

文章目录

步骤

  • 下载socket.io
    注意:是需要下载客户端,一开始直接把socket.io的GitHub下载下来了,发现并不是这么用的
    参考[3][4][5]有提到,下载socket.io.js,添加到script中

下载连接:参考[6]

最终拿到一个socket.io.js的文件
socket.io-client

  • 修改文件内容
    参考[1],就是包一个东西,在前面下载的socket.io.js的文件内容用下面的代码包起来
 if (!cc.sys.isNative) {
     // SocketIO 原始代码
 }
  • 添加到cocos creator中
    这个很简单,直接拖到界面的script中之后就可以了,其实就是复制过去
    add script to cocos creator

  • 设置插件
    参考[5],在资源管理器中点击socket.io.js这个文件,在属性检查其里面勾上导入插件,即可
    cocos creator脚本插件

参考[4]中说的需要在onLoad函数中添加一个什么语句,是不需要的,估计是老的版本。最新的版本是不需要的

    // use this for initialization
    onLoad: function () {
        // if(!cc.sys.isNative){
        //     window.io = SocketIO
        // }
        // else{
        //     require('socket.io')
        // }
        //this.label.string = this.text;
        this.GetAvgConnServerLoadNums()
    },

使用

不需要require,直接用io这个模块就可以了

const socket = io.connect('http://127.0.0.1:5000');

问题

  • 无法打开socket.io.js这个文件以及TypeError啥的
    重新开了一个工程就好了,不知道为毛,所以如果正常操作,参考[5]中的步骤就ok了

参考

[1]官网:网络接口
[2]socket.io
[3]cocos creator 1.8+socket.io (顺带express)的简单实现
[4]主题 : CocosCreator + socketIO简易教程(更新至1.0)
[5]CocosCreator游戏开发—菜鸟学习之路(二)SocketIO简易教程
[6]socket.io-client

发布了41 篇原创文章 · 获赞 7 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/pkxpp/article/details/104790196