Cocos creator创建服务器的连接

cocos creator 创建服务器的连接

1、创建一个文件夹，作为服务器工程目录
[外链图片转存中…(img-QMDV22Xv-1688da13f6747aab132a8736a4ee050.png#pic_center)创建文件夹

2、用cmd命令打开当前目录
3、输入指令：npm init，然后会提示你更多项的信息，一直回车就行，这里就完成了服务器工程的初始化。
4、通过：npm install express -save进行express库安装，-save表示将express安装在服务器工程内，不加-save则安装在全局中，一般来说安装在服务器工程内。
5、在根目录下创建start.js文件，作为我我们项目的启动文件。
6、输入指令：npm install express-ws -save，进行安装express-ws库
安装的过程中会有一些警告，不用管它。
创建完成之后，文件夹中将会。。。

至此cocos creator创建服务器连接的准备工作已经完成，之后我们可以将第一步创建的文件夹拖动到Visual Studio Code中打开（服务端要有一个新的窗口打开，不然后面打开服务器的时候还要输入指定路径来执行第五步的star.js文件）

在创建服务器连接时，我们先来了解一下如何去访问一个服务器：
访问一个服务器：协议头(比如http等)：//IP：PORT//ROUTE?参数 http会默认80端口；
res:用于向客户端返回信息
req:用于获取客户端的信息

进入我们的start.js进行服务器代码编写：
let express = require(“express”); 导入网络短连接包
let expressWs = require(“express-ws”);

let app = express(); 创建app，让其拥有短连接功能
expressWs(app); 改造app，让其拥有长链接功能
下面是短连接的交互
app.get("/xxx",(req,res)=>{
console.log(“服务器启动成功”)
res.send(“xxxxxx”)
})
下面是建立长链接
app.ws("/xxx",(ws,res)=>{
console.log(“服务器启动成功”)
ws.on(“message”,(data)=>{
console.log(data):
ws.send(“xxxx”);
})
})
最后还有一个监听端口需要设置：
app.listen(xxxx); 设置范围为3000~30000
到此服务端的代码基本完成，之后启动服务到浏览器中测试短连接或者长链接即可