
文章插圖
前言關鍵詞:NodeJs、express、http服務器
一、搭建一個http的服務器1. 什么是弱聯(lián)網(wǎng)游戲的主體,不需要網(wǎng)絡就能游戲 → 單機游戲 。
但是為了優(yōu)化游戲體驗,培養(yǎng)用戶黏性,通常會設計好友排行、得分、道具、抽獎等環(huán)節(jié)需要聯(lián)網(wǎng),這些就需要用弱聯(lián)網(wǎng)技術來做 。
弱聯(lián)網(wǎng)技術一般需要訪問服務器,通常采用http服務器,也就是web服務器+數(shù)據(jù)庫 。
用什么技術?
主流的服務器開發(fā)語言,都有http的技術,成熟的應用 。Java:Tomcat,Python:tornado,C#:IIS; Node.js中有個 express模塊,是輕量級http服務器 。使用JavaScript開發(fā) 。
2. 搭建http服務器(1)安裝Node.js: www.baidu.com –> Node.js –> node -v –>打印出來Node.js版本;
(2)安裝express: express基于Node.js http框架 。
百度搜索進入GitHub官網(wǎng),點擊進入,搜索express,如上圖 ,之后執(zhí)行命令:npm install express,安裝express 。參照https://github.com/expressjs/express
(3)搭建一個http server –> 6行代碼; 在文件夾webserver中新建main.js文件,修改文件內(nèi)容如下:
1.`var express = require('express'); // creatorApplication: 幫助我們創(chuàng)建一個web app實例;`3.`var app = express(); // app 的實例;`5.`// 百度新聞:國內(nèi)http://news.baidu.com/guoji--->一個站點里面不同地址;`6.`// 百度欣慰:國際http://news.baidu.com/guonei`7.`// 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.`// 地址的響應請求, --->處理函數(shù);`13.`// 地址:響應請求`14.`// http://127.0.0.1:8080/lucky --->funtion()`15.`// req 客戶端發(fā)過來的請求對象,數(shù)據(jù)都再里面;`16.`// res: 服務端會數(shù)據(jù)給客戶端的 對象;`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服務器發(fā)送請求,并展示數(shù)據(jù)1. 抽獎客戶端發(fā)送請求在scripts中新建gamemgr.js,添加onsendhttpclick方法,當點擊開始按鈕的時候調(diào)用此方法 。將gamemgr用戶自定義腳本綁定到Canvas上,選中start按鈕節(jié)點,修改start開始按鈕節(jié)點上的Button組件的Click Events屬性值為1,回車,然后將Canvas拖入,選中gamemgr,選中onsendhttp_click方法 。如此,單擊開始按鈕就會調(diào)用此方法 。
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.`// 點擊 開始 按鈕,先后臺發(fā)送http請求調(diào)用服務`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節(jié)點上(左下圖),設置Canvas綁定的用戶自定義腳本gamemgr的disk屬性值為disk節(jié)點 。
2. 跨域訪問問題跨域訪問:網(wǎng)頁所在地址: http://localhost:7456/;可能不安全的外部網(wǎng)頁; –>服務器,跨域訪問的問題,服務器的地址http://127.0.0.1:8080;出于安全考慮,拒絕訪問; — >收到這個錯誤; 跨域訪問問題 。
以上關于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關的問題,請您及時就醫(yī)或請專業(yè)人士給予相關指導!
「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對您有所幫助:- linux服務器搭建教程 linux服務器搭建實戰(zhàn)詳解
- 開端電視劇多少集在哪個平臺播出 小說兇手是誰無限流是什么意思
- 免費商標注冊查詢平臺 logo注冊查詢官網(wǎng)
- 服務器搭建方法 租用服務器優(yōu)勢有什么
- 自助網(wǎng)站搭建系統(tǒng)推薦 企業(yè)網(wǎng)站自助建站方案
- 國內(nèi)外個人免費云服務器操作方法 私人服務器怎么搭建
- 房產(chǎn)中介有望被取消?杭州二手交易平臺能自主掛牌房源跳過中介
- 云服務器搭建數(shù)據(jù)庫方法 阿里云數(shù)據(jù)庫服務器怎么用
- 內(nèi)網(wǎng)安全管理系統(tǒng)操作 信息安全平臺有哪些
- 暴雪計劃2022年推出魔獸主題手機游戲 暴雪開發(fā)魔獸手游
