NodeJs搭建簡單UnityWebGL web服務器2018-06-16

前言:

端午節(jié)放假恰好有時間研究下Unity3D 在Web端的實現(xiàn)。
基本上都比較順利,使用的是Unity如下版本:2018.1.4f1


也導出了WebGL 游戲版本魂挂,放在一個文件夾中甫题,如圖:



但這個時候,問題來了涂召,怎么跑起來這個WebGL版本的游戲呢? 直接嘗試拖拽index到瀏覽器坠非,但提示:



很崩潰,這時候果正,我搜了一堆如何解決瀏覽器支持webGL的方式炎码,但拖拽進去的都是這樣。
但由于個人還是希望看看手機上效果如何秋泳,沒準手機瀏覽器支持潦闲,于是還是想搭建個正規(guī)的服務器,讓這個web頁面跑起來迫皱。

驚喜來了歉闰,使用網(wǎng)址瀏覽后,瀏覽器就莫名其妙支持了卓起,無論是哪個游覽器和敬,很驚喜。(略會nodejs web前后端開發(fā)戏阅,這里是存在跨域訪問的問題昼弟,所以最好還是點擊 build and run,或者搭個web服務器 訪問)饲握。于是我一定要把這個過程記錄下來私杜,方便給一直從事客戶端游戲開發(fā)的小伙伴看下。其實不是webGL的游戲沒跑通救欧,也許就是web服務沒搭好衰粹。(當然網(wǎng)上也有不少這樣的提醒了)

下面就是簡單使用Nodejs及express搭建服務器的過程。(當然使用nginx或者tomcat 都行的 我是windows本機測試笆怠,先就這么搭吧)

NodeJs創(chuàng)建Web服務器

var http = require('http');
var server = http.createServer(function(req, res) {
 res.writeHead(200, {
  'Content-Type': 'text/plain'
 });
 res.write('hello world!');
 res.end();
 }).listen(80);

這是一個原生式的創(chuàng)建一個web服務器的方式,但是有缺陷铝耻。如果我們想要將我們的靜態(tài)頁面至于與服務器同域下的時候很不方便。

Express創(chuàng)建Web服務器

var express = require('express');
var app = express();
var server = require('http').createServer(app);
//指定靜態(tài)文件的位置
app.use('/', express.static(__dirname + '/public')); 
//監(jiān)聽端口號
server.listen(80);

這里我們借用Express封裝好的方法創(chuàng)建了一個監(jiān)聽80端口的方法蹬刷,不僅我們可以作為后端服務通過localhost:80訪問瓢捉,還可以訪問我們的前端頁面localhost:80/index.html。

這樣頁面與服務端交互也方便很多了办成。

總之跑起來的大概是醬紫泡态,不管咋說,蠻開心的迂卢。




最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末某弦,一起剝皮案震驚了整個濱河市桐汤,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌靶壮,老刑警劉巖怔毛,帶你破解...
    沈念sama閱讀 221,406評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異腾降,居然都是意外死亡拣度,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,395評論 3 398
  • 文/潘曉璐 我一進店門螃壤,熙熙樓的掌柜王于貴愁眉苦臉地迎上來抗果,“玉大人,你說我怎么就攤上這事映穗〗颜牛” “怎么了?”我有些...
    開封第一講書人閱讀 167,815評論 0 360
  • 文/不壞的土叔 我叫張陵蚁滋,是天一觀的道長宿接。 經(jīng)常有香客問我,道長辕录,這世上最難降的妖魔是什么睦霎? 我笑而不...
    開封第一講書人閱讀 59,537評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮走诞,結果婚禮上副女,老公的妹妹穿的比我還像新娘。我一直安慰自己蚣旱,他們只是感情好碑幅,可當我...
    茶點故事閱讀 68,536評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著塞绿,像睡著了一般沟涨。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上异吻,一...
    開封第一講書人閱讀 52,184評論 1 308
  • 那天裹赴,我揣著相機與錄音,去河邊找鬼诀浪。 笑死棋返,一個胖子當著我的面吹牛,可吹牛的內容都是我干的雷猪。 我是一名探鬼主播睛竣,決...
    沈念sama閱讀 40,776評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼求摇!你這毒婦竟也來了射沟?” 一聲冷哼從身側響起嫉你,我...
    開封第一講書人閱讀 39,668評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎躏惋,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體嚷辅,經(jīng)...
    沈念sama閱讀 46,212評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡簿姨,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,299評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了簸搞。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片扁位。...
    茶點故事閱讀 40,438評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖趁俊,靈堂內的尸體忽然破棺而出域仇,到底是詐尸還是另有隱情,我是刑警寧澤寺擂,帶...
    沈念sama閱讀 36,128評論 5 349
  • 正文 年R本政府宣布暇务,位于F島的核電站,受9級特大地震影響怔软,放射性物質發(fā)生泄漏垦细。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,807評論 3 333
  • 文/蒙蒙 一挡逼、第九天 我趴在偏房一處隱蔽的房頂上張望括改。 院中可真熱鬧,春花似錦家坎、人聲如沸嘱能。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,279評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽惹骂。三九已至,卻和暖如春订框,著一層夾襖步出監(jiān)牢的瞬間析苫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,395評論 1 272
  • 我被黑心中介騙來泰國打工穿扳, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留衩侥,地道東北人。 一個月前我還...
    沈念sama閱讀 48,827評論 3 376
  • 正文 我出身青樓矛物,卻偏偏與公主長得像茫死,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子履羞,可洞房花燭夜當晚...
    茶點故事閱讀 45,446評論 2 359

推薦閱讀更多精彩內容