共计 2854 个字符，预计需要花费 8 分钟才能阅读完成。
前言
关键词：NodeJs、express、http 服务器
一、搭建一个 http 的服务器
- 什么是弱联网
游戏的主体，不须要网络就能游戏 → 单机游戏。
然而为了优化游戏体验，造就用户黏性，通常会设计好友排行、得分、道具、抽奖等环节须要联网，这些就须要用弱联网技术来做。
弱联网技术个别须要拜访服务器，通常采纳 http 服务器，也就是 web 服务器 + 数据库。
用什么技术？
支流的服务器开发语言，都有 http 的技术，成熟的利用。Java：Tomcat，Python：tornado，C#：IIS; Node.js 中有个 express 模块，是轻量级 http 服务器。应用 JavaScript 开发。
- 搭建 http 服务器
(1) 装置 Node.js: www.baidu.com –> Node.js –> node -v –> 打印进去 Node.js 版本;
(2) 装置 express: express 基于 Node.js http 框架。
百度搜寻进入 GitHub 官网，点击进入，搜寻 express，如上图。而后，点击进入。在磁盘新建一个文件夹 webserver，进入此文件夹，按住 Shift 键同时，右击，抉择【在此处关上命名窗口】，之后执行命令：npm install express，装置 express。
(3) 搭建一个 http server –> 6 行代码; 在文件夹 webserver 中新建 main.js 文件，批改文件内容如下：
1. var express = require('express'); // creatorApplication: 帮忙咱们创立一个 web app 实例;3. var app = express(); // app 的实例;5. // 百度新闻：国内 http://news.baidu.com/guoji ---> 一个站点外面不同地址;6. // 百度快慰：国内 http://news.baidu.com/guonei7. // http://news.baidu.com/: 站点: IP(服务器 IP + 域名解析) + 端口;8. // 域名 ---》DNS 服务器 ---》解析失去 IP 地址;9. // http://news.baidu.com/ ---> http://news.baidu.com:80/10. // 站点 IP: 127.0.0.1, 端口: 服务器指定: 8080;11. // http://127.0.0.1:8080/12. // 地址的响应申请, ---> 处理函数;13. // 地址：响应申请 14. // http://127.0.0.1:8080/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 服务器发送申请，并展现数据
- 抽奖客户端发送申请
在 scripts 中新建 gamemgr.js，增加 onsendhttpclick 办法，当点击开始按钮的时候调用此办法。将 gamemgr 用户自定义脚本绑定到 Canvas 上，选中 start 按钮节点，批改 start 开始按钮节点上的 Button 组件的 Click Events 属性值为 1，回车，而后将 Canvas 拖入，选中 gamemgr，选中 onsendhttp_click 办法。如此，单击开始按钮就会调用此办法。
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("http://127.0.0.1:8080", "/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. });
将 luckyanim.js 绑定到 disk 节点上 (左下图)，设置 Canvas 绑定的用户自定义脚本 gamemgr 的 disk 属性值为 disk 节点。
- 跨域拜访问题
跨域拜访: 网页所在地址: http://localhost:7456/; 可能不 … –> 服务器，跨域拜访的问题，服务器的地址 http://127.0.0.1:8080; 出于安 …，回绝拜访; — > 收到这个谬误; 跨域拜访问题。
复制 blog 代码，在 main.js 中的 var app = express(); 后、发送申请前，增加如下代码：// 设置跨域拜访
1. app.all('*', function(req, res, next){2. res.header("Access-Control-Allow-Origin", "*");3. res.header("Access-Control-Allow-Headers", "X-Requested-With");4. res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");5. res.header("X-Powered-By", '3.2.1');6. res.header("Content-Type", "application/json;charset=utf-8");7. next();8. });
三、小结
1、下载 Node.js，GitHub 搜寻 express，应用 nodejs 装置 express(npm install express)。
2、参考 GitHub 搭建一个 httpserver。
3、客户端调用 http.js 中的 get 办法发送 http 申请，申请服务器，失去一个随机数。
图片起源：http://www.hp91.cn/ 页游