合成大西瓜開發源碼手把手教你運行和部署大西瓜遊戲項目(附源碼)

最近合成大西瓜非常火,很多編程愛好者將大西瓜改成瞭各種版本,非常魔性,哈哈。

如果你也想魔改大西瓜,或者想研究一下項目怎麼玩的,下面的教程從下載到遊戲項目部署一條龍搞定。

步驟一:下載大西瓜源代碼

貼心的我已經將各種版本的代碼整理到百度網盤瞭,大傢可以按需下載:

鏈接: https://pan.baidu.com/s/1DfRdj2s2yGW_XbQhhjSM1w

提取碼: 4t3d

步驟二:嘗試運行大西瓜遊戲項目

下載的源碼結構如下圖

如果你雙擊打開 index.html 文件可能卡在98%或者99%不動:

按 F12打開 chrome 瀏覽器的開發者調試模式發現,有大量的報錯:

這是因為本地打開是文件是靜態的,是 file 協議,並不是 http。所以我們需要在本地跑一個 WEB 服務器。

步驟三:安裝 nodejs

如果本地沒有安裝 nodejs 工具,先裝一下 nodejs,主要是要通過 npm 安裝 serve

nodejs 下載地址:http://nodejs.cn/download/

不同的系統選擇不一樣的包。

安裝完成打開終端命令行工具,執行 npm -v 命令:

npm -v

如果返回版本號表示安裝成功。

6.14.10

步驟四:安裝 serve 工具

註意是 serve 不是 server 哦,別打錯瞭。

npm i -g serve --registry=https://registry.npm.taobao.org

返回版本號表示安裝成功

+ [email protected]
updated 41 packages in 3.083s

步驟五:運行本地大西瓜遊戲項目

通過終端命令行cd 進入到上面下載的遊戲源碼中,直接執行 serve 命令就可以啟動服務瞭,如下圖所示:

上面圖中有兩個地址,第一個是可以在電腦瀏覽器本地訪問的,第二是可以通過手機瀏覽器遠程訪問的,你可以拿手機試試哈。

溫馨提醒:由於遊戲主要適配的手機端,如果你要通過電腦瀏覽器玩,需要切到手機屏幕模式。

打開 chrome 瀏覽器,F12打開控制臺,我把控制臺放右邊瞭,默認是在下邊。

步驟六:部署大西瓜遊戲項目到遠程服務器

在本地運行會有一個限制,關瞭電腦手機就不能玩瞭,那女朋友豈不是要生氣啦

有沒有辦法將遊戲部署到遠程服務器呢?當然有啦。

是不是很貴啊?我下面會介紹一個免費的方式,超級好用。

主角就是 vercel ,可能很多人沒有聽說話,沒關系,簡單來說這個系統提供瞭靜態網站項目的托管服務,有付費也有免費的,我們使用免費的就足夠瞭。

1. 註冊 vercel 賬號

先登錄 Github 官網:

https://github.com

這裡有個坑需要規避一下,如果你的 Github 賬號是綁定的 QQ 郵箱,建議你換成其他郵箱,Vercel 不支持 QQ 郵箱,這個比較坑

然後打開另外一個頁面開始註冊 vercel 賬號

https://vercel.com/ 建議直接使用 Github 賬號登錄。

註冊完瞭之後就可以進行下一步瞭。

2. 安裝 vercel 命令行工具

我們需要將項目部署到 vercel 系統,通過使用命令行工具比較方便。

在命令行終端中執行命令:

npm install -g vercel --registry=https://registry.npm.taobao.org

返回 vercel 版本號就表示安裝成功瞭。

3. 開始部署到 vercel 系統

cd 到源碼根目錄然後執行: vercel –prod

第一次需要驗證郵件,如下圖:

驗證完之後可以繼續執行 vercel –prod

如果圖所示項目就發佈成功瞭,遠程訪問地址是: https://daxigua01.vercel.app/

這個地址是我發佈的地址,大傢可以點擊試玩, 這個地址是可以分享給其他朋友一起玩, 手機瀏覽器打開效果更加哦。

註意:vercel 的地址已經被微信屏蔽瞭,大傢可以將生成的地址拷貝到手機瀏覽器中運行。

到此這篇關於合成大西瓜開發源碼手把手教你運行和部署大西瓜遊戲項目(附源碼)的文章就介紹到這瞭,更多相關合成大西瓜開發源碼內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!