游戏主程进阶|全栈游戏开发NodeJs＜使用TypeScript＞服务器+最新CocosCreator联网五子棋游戏

最新推荐文章于 2024-05-18 09:43:24 发布
最新推荐文章于 2024-05-18 09:43:24 发布
阅读量577 收藏 13
点赞数 20
分类专栏： 游戏开发 CocosCreator NodeJs 文章标签： CocosCreator3.x CocosCreator typescript 服务器 NodeJS 数据库 全栈游戏开发
GFanStudio-LeeSirFanJYJ @Co.,Ltd.
本文链接：https://blog.csdn.net/leesongshared2014/article/details/138301607
版权

源码获取方式请关注GFanStudio公众号回复"五子棋",QQ技术交流群：1038743340

完整课程链接如下：

游戏主程进阶|全栈游戏开发NodeJs<TypeScript>服务器+最新CocosCreator联网五子棋游戏

    hello大家好！最近抽时间做了一套全栈游戏开发NodeJs<TypeScript>服务器+最新CocosCreator联网五子棋游戏，内容囊括服务器知识和客户端的很多知识点，包含Nodejs使用TypeScript开发服务器和最新CocosCreator客户端使用短链http和websocket长链以及数据库和数据加密等知识点有兴趣的话可以了解一下，例如一下：

1、详细讲解全栈Nodejs服务器框架和Cocos客户端框架实现联网五子棋游戏；

2、详细讲解如何搭建http网关服务器和websocket游戏服务器；

3、详细讲解游服务器和客户端如何自定义序列化消息结构

4、详细讲解服务器如何处理发送全服消息和单服消息；

5、详细讲解服务器和客户端如何加密及传输数据消息防止破解；

6、详细讲解开发中如何使用shell、python、bat批处理辅助开发游戏周边工具；

7、详细讲解mysql数据库操作及sql语句编写等；

       具体设计课程列表大致如下：

图片

  ===>课程知识点结构介绍及演示<===

00-项目演示及课程介绍

===>客户端框架搭建&UI管理&工具类阶段<===

01-环境准备及创建游戏项目工程与基础配置

02-搭建登录UI界面01

03-搭建登录UI界面02

04-搭建通用气泡提示框ToastView01

05-搭建通用气泡提示框ToastView02

06-添加游戏公用工具类GameUtils01

07-添加游戏公用工具类GameUtils02

08-搭建游戏通用弹框面板CommonPopView01

09-搭建游戏通用弹框面板CommonPopView02

10-搭建游戏通用弹框面板CommonPopView03

11-添加游戏UIManager及core通用单例01

12-添加游戏UIManager及实现弹框调用02

13-添加游戏UIManager及气泡提示&动画效果03

14-添加事件订阅EventManager管理类

===>服务器基础框架搭建阶段<===

15-创建NodeJs服务器项目初始化与配置01

16-创建NodeJs服务器项目初始化与配置02

17-安装Express框架及依赖包

18-实现app-http网关服务器启动逻辑及跨域问题

19-添加LoggerManager日志管理类01

20-添加LoggerManager日志管理类02

21-添加GlobalUtils全局工具类处理加密等

22-链接数据库并创建game-fivechess数据库

23-编写SQL语句创建数据库game_users表

24-添加MySqlManager数据库管理类及依赖包

25-创建增删改查SQL语句及错误码逻辑

26-配置http网关服务器和ws服务器启动脚本命令

===>登录模块客户端与服务器交互业务阶段<===

27-完善客户端登录与服务器交互逻辑

28-添加HttpManager管理类及请求网关

29-安装JSCrypto加密工具依赖包并生成公私秘钥

30-客户端使用JSCrypt加密用户名和密码

31-服务器安装JSCrypt依赖并添加MiddleWare中间件

32-服务器安装crypto依赖并添加自定义响应结构及MD5加密

33-服务器添加Routes登录和注册路由

34-服务器添加UserDao并实现注册接口

35-服务器完善UserCtrl并实现注册接口

36-服务器完善UserCtrl登录接口并绑定UsersRoutes

37-服务器和客户端联调验证登录注册接口成功

38-分别编写shell&python&bat批命令脚本启动服务器

39-处理服务器登录响应并新增GameData存储数据

40-处理服务器登录响应之登录失败或成功

41-处理服务器注册响应之登录失败或成功

===>客户端部分游戏功能实现阶段<===

42-新增选择Pve和Pvp游戏类型界面

43-完善游戏类型界面pvp和pve交互逻辑

44-添加创建房间和加入房间UI界面

45-完善选择pvp二级界面交互逻辑

46-新增GameChessBoardPvE人机对战UI界面

47-将GameChessBoardPvE组件UI元素绑定到预制体

48-完善选择谁先手后开始游戏逻辑

49-完善开始游戏逻辑并新增ChessPieces棋子预制体

50-实现ChessPieces棋子预制体的脚本组件逻辑

51-添加初始化棋盘棋子及先手等UI逻辑

52-完善棋盘棋子UI细节逻辑

53-修复单例基类并完善代码注释说明

54-初始化五元组横竖方向占位

55-初始化五元组左右纵方向占位

56-实现玩家下棋落子相关逻辑

57-添加检测游戏是否结束判断逻辑

58-检测是否五子连珠之横向逻辑

59-检测是否五子连珠之竖向纵向逻辑

60-实现AI下棋检测相关逻辑

61-检测下棋效果及完善交互逻辑

62-优化AI下棋逻辑并新增BackBtnView通用返回组件

===>服务器和客户端websocket实现阶段<===

63-添加websocket管理类并自定义数据传输格式

64-监听websocket消息并新增字节数组转换为字符串方法

65-客户端接收服务器队列消息及添加自定义消息命令组装方法01

66-客户端接收服务器队列消息及添加自定义消息命令组装方法02

67-客户端自定义全局发送消息到服务器方法

68-客户端新增字符串转字节数组方法

69-服务器实现自定义消息类型及新增WSManager管理类

70-服务器安装websocket依赖包及调用

71-服务器新增websocket监听连接接收消息关闭ws及error逻辑

72-服务器新增handleMessage分发客户端发送的消息

73-服务器新增handleCloseWS处理关闭ws的相关逻辑

74-服务器封装发送全服消息和单服消息逻辑

75-服务器工程结构调整及联调校验网关和WebSocket服连接

76-服务器PlayerManager管理用户数据信息

77-服务器测试发送全服和单服响应消息逻辑

78-客户端和服务器消息加密解密01

79-客户端和服务器消息加密解密02

80-客户端完善返回组件release模式下切换逻辑及登录提示

  请关注微信公众号GFanStudio具体教学视频详细教程请移步B站搜索关注Up主GFanStudio，另外也可以添加QQ技术交流群：1038743340

    

图片

图片

    

GFanStudio-LeeSir
关注
  • 20
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
揭秘游戏服务器，不看后悔！！！
我是香菜
06-13 3万+
目录 前言 1、常见游戏模块 2、开发语言与项目构建发布 3、JAVA游戏服务器，需要掌握的技术 4、总结 前言 《摩尔庄园》前段时间上线, 持续超出市场预期，相信也有不错的收益。游戏好玩，所有玩家看到了前端，但是做一款游戏，离不开后台游戏服务器的支持，服务器都要做什么，服务器的架构是什么，需要哪些技术，一系列的问题有没有思考过？下面讲下作为做服务器开发中需要做的事。 1、常见游戏模块 游戏玩法 游戏开发中常见的玩法模块，一般的游戏都会包含这些玩法 新手引导、任务系统...
游戏后台搭建（基于cocoscreator+nodejs+linux-阿里云）
blanc的博客
07-09 3708
后台搭建 环境 阿里云linux云服务器（需要为新端口 添加安全组 许可访问） node.js cocoscreator 需求 全服排行榜存储 用户账号 运营数据(评估游戏品质) 七日留存统计 日活统计 激励广告展示统计，预计广告收入 一 使用nodejs构建http服务 安装nodejs https://www.runoob.com/nodejs/nodejs-install-...
CocosCreator游戏开发框架（一）：是什么 && 为什么
热门推荐
wxc237786026的专栏
07-07 2万+
写在前面 从微信小游戏出生（2018年初）到现在，已经使用CocosCreator一年多了（之前做手游主要是cocos2d-x+lua），趁着这段时间有空，想着整理出一个基于CocosCreator游戏开发框架。 这个框架主要是将我在开发过程中觉得好用的结构和模式、插件，以及在论坛上和博客上参考大神们的教程和想法（有些是直接拿来用），整合在一起的。一方面想提高开发效率，另一方面大家发现问题及时提...
cocos creator2.2.2休闲游戏（单机捕鱼）源码H5+安卓+IOS三端源码
创小董
12-14 4656
cocos creator2.2.2休闲游戏（单机捕鱼）源码H5+安卓+IOS三端源码，开发脚本为typeScript方便扩展和阅读，支持cocos creator2.X版本，完整的源码可直接运营。 源码下载 cocoscreator休闲游戏（单机捕鱼）源码H5+安卓+IOS三端源码-HTML5文档类资源-CSDN文库https://download.csdn.net/download/dong2008hong/63122672 ...
cocos creator3.3.0休闲游戏（云浮消消乐）源码H5+安卓+IOS三端源码
创小董
12-14 3464
cocos creator3.3.0休闲游戏（云浮消消乐）源码H5+安卓+IOS三端源码，开发脚本为typeScript方便扩展和阅读，支持cocos creator3.X版本，完整的源码可直接运营。 源码下载 cocoscreator3休闲游戏（云浮消消乐）源码H5+安卓+IOS三端源码-cocos2D文档类资源-CSDN文库https://download.csdn.net/download/dong2008hong/63083046 ...
Cocos Creator发布微信小游戏包内体积过大问题
Hello_World_CFF的博客
08-04 3291
Cocos Creator 初步探索
CocosCreator+Axios+Express入门案例
kuokuo666的博客
01-28 4230
摘要 不得不说 JavaScript 能做的太多了，网上也有着越来越多优秀的框架，比如易用、简洁的 http 库 Axios，快速、极简的 Web 开发框架 Express。今天 KUOKUO 就来教大家如何使用它们完成前后端通讯。（底部有具体视频演示链接哦！） 正文 环境 CocosCreator 版本 2.1.2 Node.js 环境 如无服务器可以在本地调试（localhost） 安装...
nodejs + typescript + nodemon + ts-node 服务器端搭建demo
lck8989的博客
05-01 7635
之前都是用js开发的nodejs应用，今天试着用typpescript写服务端程序，这里遇到的一些坑总结一下： 1: 首先创建一个文件夹用于存放nodejs项目，这里起名为 node-ts-server 2：执行npm init项目会生成一个package.json文件 3：安装typescript npm install typescript 4: 执行tsc --init 自动生成ts...
五子棋小游戏（JS+Node+Websocket）可分房间对战
见贤思齐焉，见不贤内自省
08-18 7997
主要通过js、canvas、node、websocket来实现五子棋游戏。 tip:如果你想清楚的了解怎么实现，请一步步看思路流程，文章最后有项目的gitee地址、对应B站视频，可直接食用。
NodeJs+HTML5+Web Socket实现五子棋小游戏
01-29
NodeJs+HTML5+Web Socket实现五子棋小游戏 1.npm install 2. nodemon/node index.js 问题解决方法：因为将node_modules一起上传了，大家如果不能启动可以删掉node_modules，然后在npm install就ok了。
基于Nodejs+TypeScript+Koa+MySQL实现的宿舍管理系统源码(前端+后端)+使用说明+sql数据库.zip
01-11
基于Nodejs+TypeScript+Koa+MySQL实现的宿舍管理系统源码(前端+后端)+使用说明+sql数据库.zip基于Nodejs+TypeScript+Koa+MySQL实现的宿舍管理系统源码(前端+后端)+使用说明+sql数据库.zip基于Nodejs+TypeScript+Koa+...
cocos creator达达麻将棋牌游戏
01-17
参考幼麒麟家的达达麻将，cocos官方商店里面的棋牌游戏参考，有修改部分。可以跑起来看看。 前端：cocos creator + js 后端：nodejs 数据库：MySQL
使用NODEJS开发的一个游戏投票系统
03-23
使用NODEJS开发的一个游戏投票系统
基于node.js+TypeScript开发的冰球对战游戏系统源码+运行说明(包含服务端+客户端).zip
12-28
基于node.js+TypeScript开发的冰球对战游戏系统源码+运行说明(包含服务端+客户端).zip基于node.js+TypeScript开发的冰球对战游戏系统源码+运行说明(包含服务端+客户端).zip基于node.js+TypeScript开发的冰球对战游戏...
《前端面试题》- TypeScript - TypeScript的优/缺点
小张微说的博客
04-22 7084
问题 简述TypeScript的优/缺点 答案 优点 增强了代码的可读性和可维护性 包容性，js可以直接改成ts，ts编译报错也可以生成js文件，兼容第三方库，即使不是ts编写的 社区活跃，完全支持es6 缺点 增加学习成本 增加开发成本，因为增加了类型定义 需要编译，类型检查会增加编译时长，语法和类型系统复杂的话时间特别特别长 eval和new Function()这种操作类型系统管不到 ...
Linux day6 yum下载，systemctl，
m0_56487684的博客
05-15 263
yum [-y] install wget 通过yum下载wget小工具。yum remove wget 也可以通过这种方式卸载wget。-y的意思是，如果有询问，自动确认（总是允许）。
登录接口取到token，加到请求头中，通过服务器验证#Vue3
weixin_45356258的博客
05-15 328
3.客户端收到 Token 以后可以把它存储起来，比如放在 Cookie 里或者 Local Storage 里。5.服务端收到请求，然后去验证客户端请求里面带着的 Token，如果验证成功，就向客户端返回请求的数据。2.验证成功后，服务端会签发一个 Token，再把这个 Token 发送给客户端。4.客户端每次向服务端请求资源的时候需要带着服务端签发的 Token。1.服务端收到请求，去验证用户名与密码。
linux查看网卡信息
最新发布
beck_li的博客
05-18 227
1、 查看网卡硬件信息 2、 查看系统的所有网络接口 3、 查看某个网络接口的详细信息，例如eth0的详细参数和指标 4、 查看所有网卡的链路状态 5、列出所有pci设备
请写出使用python+nodejs+html+js+css遍历服务器文件的代码
03-29
由于涉及到服务器文件的遍历，需要使用服务器端的代码。以下是使用Node.js实现服务器文件遍历的示例代码： ```javascript const fs = require('fs'); // 定义遍历函数 function traverseFolder(folderPath) { fs.readdir(folderPath, function(err, files) { if (err) { console.error(err); return; } files.forEach(function(file) { const fullPath = folderPath + '/' + file; fs.stat(fullPath, function(err, stats) { if (err) { console.error(err); return; } if (stats.isDirectory()) { // 如果是文件夹，递归进入 traverseFolder(fullPath); } else { // 如果是文件，可以做相应的处理 console.log(fullPath); } }); }); }); } // 调用遍历函数 traverseFolder('/path/to/your/folder'); ``` 上述代码中，`traverseFolder`函数用于遍历指定路径下的所有文件和文件夹。对于每个文件夹，递归进入；对于每个文件，可以做相应的处理，例如打印路径。 此外，还需要在Node.js中使用HTTP模块搭建一个简单的Web服务器，以便在浏览器中访问文件列表。以下是示例代码： ```javascript const http = require('http'); const fs = require('fs'); const path = require('path'); // 定义遍历函数 function traverseFolder(folderPath, callback) { fs.readdir(folderPath, function(err, files) { if (err) { callback(err); return; } const results = []; files.forEach(function(file) { const fullPath = folderPath + '/' + file; fs.stat(fullPath, function(err, stats) { if (err) { callback(err); return; } const item = { name: file, path: fullPath, isDirectory: stats.isDirectory() }; if (stats.isDirectory()) { // 如果是文件夹，递归进入 traverseFolder(fullPath, function(err, children) { if (err) { callback(err); return; } item.children = children; results.push(item); if (results.length === files.length) { callback(null, results); } }); } else { // 如果是文件，直接添加到结果数组中 results.push(item); if (results.length === files.length) { callback(null, results); } } }); }); }); } // 创建HTTP服务器 const server = http.createServer(function(req, res) { // 获取当前路径 const currentPath = '.' + req.url; // 如果是文件，直接返回文件内容 if (fs.existsSync(currentPath) && fs.statSync(currentPath).isFile()) { fs.readFile(currentPath, function(err, data) { if (err) { res.writeHead(500); res.end(); return; } res.writeHead(200, { 'Content-Type': 'text/plain' }); res.end(data); }); return; } // 如果是文件夹，返回文件列表 traverseFolder(currentPath, function(err, results) { if (err) { res.writeHead(500); res.end(); return; } // 生成HTML代码，展示文件列表 let html = '<ul>'; results.forEach(function(item) { html += '<li>'; if (item.isDirectory) { html += '<a href="' + item.path + '">' + item.name + '</a>'; if (item.children) { html += '<ul>'; item.children.forEach(function(child) { html += '<li><a href="' + child.path + '">' + child.name + '</a></li>'; }); html += '</ul>'; } } else { html += item.name; } html += '</li>'; }); html += '</ul>'; res.writeHead(200, { 'Content-Type': 'text/html' }); res.end(html); }); }); // 启动服务器 server.listen(8080, function() { console.log('Server is listening on port 8080'); }); ``` 上述代码中，`traverseFolder`函数的作用与之前的示例代码相同，但这里将结果包装为一个对象数组，以便在浏览器中进行展示。同时，返回的结果是一个异步回调函数的参数，而非直接输出到控制台。 在HTTP服务器中，首先判断当前请求的路径是否是一个文件，如果是，则直接返回文件内容。否则，调用`traverseFolder`函数获取文件列表，并生成HTML代码，向浏览器输出。需要注意的是，这里使用了`fs.existsSync`和`fs.statSync`函数判断当前路径是否是一个文件，以避免遍历整个文件夹。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

GFanStudio-LeeSir

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值