一文教你如何搭建http游戏服务器

前言关键词:NodeJs、express、http服务器
一、搭建一个http的服务器1. 什么是弱联网游戏的主体 , 不需要网络就能游戏 → 单机游戏 。
但是为了优化游戏体验 , 培养用户黏性 , 通常会设计好友排行、得分、道具、抽奖等环节需要联网 , 这些就需要用弱联网技术来做 。
【一文教你如何搭建http游戏服务器】弱联网技术一般需要访问服务器 , 通常采用http服务器, 也就是web服务器+数据库 。
用什么技术?
主流的服务器开发语言 , 都有http的技术 , 成熟的应用 。 Java:Tomcat , Python:tornado , C#:IIS; Node.js中有个 express模块 , 是轻量级http服务器 。 使用JavaScript开发 。
2. 搭建http服务器(1)安装Node.js: www.baidu.com --> Node.js --> node -v -->打印出来Node.js版本;
一文教你如何搭建http游戏服务器文章插图
(2)安装express: express基于Node.js http框架 。
一文教你如何搭建http游戏服务器文章插图
百度搜索进入GitHub官网 , 点击进入 , 搜索express , 如上图 。 然后 , 点击进入 。 在磁盘新建一个文件夹webserver , 进入此文件夹 , 按住Shift键同时 , 右击 , 选择【在此处打开命名窗口】 , 之后执行命令:npm install express , 安装express 。 参照
一文教你如何搭建http游戏服务器文章插图
(3)搭建一个http server --> 6行代码; 在文件夹webserver中新建main.js文件 , 修改文件内容如下:
1.`var express = require('express'); // creatorApplication: 帮助我们创建一个web app实例;`3.`var app = express(); // app 的实例;`5.`// 百度新闻:国内--->一个站点里面不同地址;`6.`// 百度欣慰:国际`7.`// : 站点:IP(服务器IP + 域名解析) + 端口;`8.`// 域名 ---》DNS服务器---》解析得到IP地址;`9.`//---> `10.`// 站点IP: 127.0.0.1, 端口: 服务器指定: 8080;`11.`// `12.`// 地址的响应请求, --->处理函数;`13.`// 地址:响应请求`14.`// lucky --->funtion()`15.`// req 客户端发过来的请求对象 , 数据都再里面;`16.`// res: 服务端会数据给客户端的 对象;`18.`app.get('/lucky', function(req, res) {`19.`var ret = 1+ Math.random() * 7;`20.`ret = Math.floor(ret);`21.`res.send(""+ ret);`22.`});`app.listen(8080); // 站点端口; 如下图 , 在webserver目录下打开命令窗口 , 输入node .\main.js启动抽奖游戏的后台服务 。 然后在浏览器地址栏输入localhost:8080/lucky , 效果如下:
一文教你如何搭建http游戏服务器文章插图
二、客户端向http服务器发送请求 , 并展示数据1. 抽奖客户端发送请求在scripts中新建gamemgr.js , 添加onsendhttpclick方法 , 当点击开始按钮的时候调用此方法 。 将gamemgr用户自定义脚本绑定到Canvas上 , 选中start按钮节点 , 修改start开始按钮节点上的Button组件的Click Events属性值为1 , 回车 , 然后将Canvas拖入 , 选中gamemgr , 选中onsendhttp_click方法 。 如此 , 单击开始按钮就会调用此方法 。
一文教你如何搭建http游戏服务器文章插图
1.`var http = require("http");`2.`var lucky_anim = require("lucky_anim");`3.`cc.Class({`4.`extends: cc.Component,`5.`properties: {`6.`disk: {`7.`type: lucky_anim,`8.`default: null,`9.`},`10.`},`11.`// 点击 开始 按钮 , 先后台发送http请求调用服务`12.`on_send_http_click(){`13.`// http标准库 -- > H5标准 查看http.js源码`14.`http.get("", "/lucky", null, function(err, ret){`15.`if(err){`16.`return;`17.`}`18.`ret = parseInt(ret);`19.`this.show_anim(ret); // 显示抽奖动画`20.`}.bind(this));`21.`},`22.`show_anim(ret) { // 显示抽奖动画`23.`// 抽奖盘 开始绘制`24.`this.disk.start_lucky_draw(ret);`25.`},`26.`});`


推荐阅读