如何臨時釋出部署Cocos小遊戲到Linux伺服器,讓別人能在微信開啟

阿菌要努力發表於2021-08-01

兩個星期前,我們釋出了第一個小遊戲教程:

教程:製作一個小遊戲送給喜歡的TA(不會程式設計也能學會哦)

圖片

上週有好幾位小夥伴在b站催更,呃,作為小透明,收到催更資訊後還是很激動的!竟然有同學在看我們的小教程!

而且還動了手......

動了手把遊戲實現了出來。

遊戲做出來後,一週之前也和大家分享了,如何把遊戲中的波波和阿菌替換成自己的圖片:

波波阿菌的小遊戲1——填坑貼1

接下來就和大家分享:如何臨時釋出並部署我們的小遊戲到伺服器上,讓自己喜歡的人能直接在微信上開啟遊戲玩耍。

阿菌先提前宣告一下:企業級的遊戲釋出流程可不是這樣子的,有很多流程和規範,安全也很重要哦,伺服器被黑了問題可大了。

但我們又不是釋出到公網給網友玩,只是給身邊人玩,就不需要考慮那麼多東西啦,也是零基礎教程哦~(下面的名詞聽起來高大上,其實過程很簡單,教程會很詳細的)

建議零基礎的同學倍速看一遍視訊教程再操作哈,有很多細節文章講不了,得實際操作給大家看,視訊地址為:

視訊版教程連結

下面先簡單和大家說個思路,思路清晰,辦事就水到渠成啦~

  1. 在Cocos中把遊戲打好包

  2. 購買一臺雲伺服器(非廣告文,買哪個廠的都行)

  3. 搭建一個靜態資源伺服器

  4. 把遊戲包放到伺服器上

  5. 把伺服器的地址發給別人訪問(玩耍)

下面進入實操環節,大家要先保證遊戲能正常跑起來哈~

首先我們點選引擎上方選單欄的專案按鈕:

圖片

選擇構建釋出:

圖片

阿菌都是按預設選項,沒有作什麼修改,可以考慮參照阿菌的配置。

配置好後,點選構建按鈕,待其構建完畢。

圖片

然後我們關掉這個構建釋出的框框,在電腦上開啟我們的工程目錄。

阿菌把資料夾放在了桌面,所以到桌面開啟:

圖片

點開後,我們確認一下里面是否有build這個資料夾(預設構建目錄就是我們的工程目錄,如果你選了其他的目錄,build資料夾就不會在這裡哦):

圖片

接著,我們點進build資料夾,檢測一下游戲檔案是否存在:

圖片

果然,它出現了......

圖片

看到這些檔案,就意味著我們的遊戲打包好啦~

其實不難哈,雖然阿菌寫了很多,其實我們就點了一個按鈕......

接下來我們購買一臺雲伺服器,去哪裡買都行,什麼阿里雲,騰訊雲,華為雲,隨便哪家都行。阿菌建議大家用學生的身份買,價格都差不多,10塊一臺(使用期限為一個月),一個月足夠啦。

買伺服器能獲得一個公網IP,有了這個IP地址,別人就能訪問了。

和大家分享一下怎麼進入學生購買的優惠介面,我們只要在搜尋引擎上搜尋:學生 XX雲

基本都能搜到:

圖片

圖片

大家登入註冊後,認證一下身份,貌似24歲以下自動就能獲得學生身份,超過24歲估計也可以?大家可以試一下,如果不行可以藉藉弟弟妹妹的號嘛,實在再不行就多花幾塊錢買吧......

記得哦,買最低配置的就行(1核1G記憶體完全足夠啦):

圖片

購買的時候要注意一下,廠家可能會讓大家設定一個初始密碼啥的,這個密碼最好記一記,記不下來也沒關係,隨時能改的。

作業系統裝Linux的就好,雖然說裝Windows也行,但是很少有人伺服器跑Windows系統的哦~

Linux也有很多個版本,阿菌裝的是CentOS 8,大家也可以考慮裝CentOS,CentOS 7或8都是ok的,如果沒有8就裝7吧,沒太大影響。

大家放手操作就好,伺服器買回來就是自己的了,操作錯了也沒關係,你可以無限一鍵重灌系統的,所以不用擔心搞壞了,學計算機得大膽嘗試。

圖片

伺服器買到手後,大家就有了一個公網IP(如上圖)

然後我們去下載一款叫FileZilla的軟體,把我們的檔案放到伺服器上。(把檔案上傳到Linux伺服器的方法很多,就不一一列舉啦,阿菌這個提供了圖形化操作介面,比較簡單)

FileZilla的官網(下軟體記得去官網下)

官網連結

然後選擇下載客戶端:

圖片

然後下載最簡單的那款就好(功能多的貌似要給錢,Emm......,我們用最簡單的功能就行)

圖片

下載好後無腦點選下一步進行安裝:

圖片

安裝好後,開啟軟體,在上方的輸入框中輸入我們的伺服器資訊:

圖片

點選快速連線後,就能看到右邊出現了伺服器的資源目錄:

然後我們進入伺服器的/home目錄,在目錄欄裡輸入/home,按回車就好:

圖片

然後在左邊的資源目錄(本機的資源目錄)下,進入我們遊戲的工程目錄:

圖片

進入build資料夾:

圖片

選中web-mobile資料夾,點選滑鼠右鍵,上傳:

圖片

把遊戲的資源目錄上傳到伺服器上。

接下來我們登入到伺服器上,Windows的同學可以下載一個xshell(工具很多的,可以搜一下Windows連線伺服器),Mac的同學直接用終端就能連滴。

呃,在阿菌寫這篇東西的時候,xshell的官網打不開,如果大家找不到資源就到公眾號後臺回覆“小遊戲1”,獲取的資源裡就有xshell的安裝包了。

下載好安裝包之後也是無腦點選下一步,安裝好後進入軟體介面,點選左上角一個小小的加號:

圖片

然後填寫伺服器的IP地址和埠:

圖片

然後點選連線,它會讓我們輸入使用者名稱和密碼,我們依次輸入:

圖片

成功登入後,我們就能通過命令列視窗操作伺服器了:

圖片

登入上伺服器後,我們先進入我們剛剛存放遊戲包的目錄,輸入指令(輸入指令後敲回車執行):

cd /home

然後檢視該目錄下的檔案,輸入指令:

ls

圖片

就能看到我們之前在本機上傳的遊戲資料夾了

接下來我們搭建一個靜態資源伺服器,對外暴露我們的遊戲資源,這樣,別人就能訪問了。

有同學可能會有疑問,欸,我不是已經買了一個伺服器了嗎?為啥還要再搭建一個伺服器捏?

其實我們買的東西,準確來說應該是“一臺安裝了Linux作業系統的虛擬機器器”(和我們剛買回來的電腦是一臺只安裝了Windows作業系統,但沒有安裝任何軟體的機器,一個道理),上面是沒有伺服器程式的哦,得我們在上面執行伺服器程式,這樣一來,這整臺機器,就變成了我們口中的伺服器了。

所以,理論上,我們在自己的電腦上跑一個伺服器程式,讓別人訪問,也行的。但問題是,我們自己的電腦不是時時刻刻聯網的,平時還得關機睡眠什麼的(關了機別人就訪問不到了),還沒有公網IP,所以,我們得買一個專用的機器來跑我們的伺服器程式,這臺機器不會關機,時時刻刻聯著網,方便別人訪問。

如果你有興趣學習更多的計算機知識,歡迎關注我們今後的教程,我們會先出一套Python入門教程,先讓大家掌握一些基礎的程式設計知識,然後才能帶大家玩點別的。

回到正文:

首先我們下載一個伺服器程式,名字叫Nginx,它能幫助我們把資源暴露出去,下載安裝nginx之前我們得先安裝一些依賴,我們依次在命令列中輸入這三條指令:

yum install openssl  

  

yum install zlib

  

yum install pcre  

在輸入指令安裝的過程中,它會詢問我們是否ok,我們敲一個“y”,然後回車就行。

圖片

每一個軟體安裝完都會提示我們完成滴~

圖片

然後我們下載一個叫node.js的軟體包,輸入指令(幾年後才看到這個教程的同學,建議到官網下載最新的版本):

wget https://nodejs.org/dist/v14.17.4/node-v14.17.4-linux-x64.tar.xz

下載完成後,我們再次輸入指令“ls”,檢視一下當前目錄下的檔案(為了保證教程能跑通,偶重灌了系統,用一臺乾淨的機器演示,現在目錄乾淨多了)

ls

圖片

可以看到,多了一個node-v14.17.4-linux-x64.tar.xz檔案,這是一個壓縮包

接著,我們解壓這個壓縮包,輸入指令:

tar -xvf node-v14.17.4-linux-x64.tar.xz

(注:一些操作的小技巧可以觀看視訊版,地址見文末閱讀原文

等解壓完後,我們給這個資料夾重新起個名字,現在名字太長了不太方便看......

mv node-v14.17.4-linux-x64 nodejs

然後配置環境變數,一句話解釋啥叫環境變數:現在我們想使用nodejs這個軟體只能進入到它的資料夾下使用,想在整臺linux伺服器任意一個資料夾下使用,得配置一下環境。(暫時不懂也沒關係,可以考慮後續看我們的小教程,跟著教程複製到命令列裡執行就好啦)

分別輸入如下指令:

ln -s /home/nodejs/bin/npm /usr/local/bin/

ln -s /home/nodejs/bin/node /usr/local/bin/

然後分別輸入如下指令,如果都能顯示版本號,證明node.js安裝成功:

node -v

npm -v

圖片

好啦,一切準備工作做好後,我們繼續安裝nginx......

有的同學可能會抱怨,嗷,我就安裝個nginx,怎麼要搞這麼多東西......

哈哈哈,這已經非常友好!算少了!其他軟體還有更復雜的呢!

有沒有更簡單的方法呢?有!那項技術叫docker,不過這個以後再講啦~

總是忽悠大家學越來越多的東西,哈哈哈~

接下來我們再安裝一個東西:

rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm

圖片

安裝好後,我們就能安裝nginx了,輸入指令(記得選y):

yum install nginx

安裝好後,我們修改一下配置檔案,輸入指令:

vim /etc/nginx/nginx.conf

把nginx預設的根路徑改成遊戲包的路徑(在編輯器中用按鍵上下左右移動游標,在改動的地方敲一下A或者I鍵,進入編輯模式,編輯完成敲Esc鍵退出編輯模式):

圖片

儲存退出後(退出編輯模式後,輸入“:wq”,敲回車,即為退出儲存,注意是英文冒號),我們啟動nginx,輸入指令:

service nginx start

然後到我們購買的伺服器頁面中,配置安全組放通伺服器的80埠

圖片

然後在瀏覽器中輸入伺服器地址後敲回車:

圖片

發現能夠正常進入並載入遊戲,當然我們釋出的是手機網頁版,在電腦網頁可能不太適配。

然後我們就可以把地址在微信上發給ta了:

圖片

點進去連結後,微信也會提示這是個未知的IP地址,建議訪問已經備案的域名,所以我們可以ta解釋一下,這是一個安全的地址。

圖片

正常情況下,我們無論是釋出遊戲,網站,app等各種東西,都是得去註冊域名備案的,但我們這個只是給身邊人臨時玩一下,所以直接採用野路子......

耐心等遊戲載入完後,就能玩耍啦~

圖片

好啦,本期教程到這裡就結束了,後臺回覆“小遊戲1”就能獲取所有資源,點選文末閱讀原文能調整到視訊版教程,希望大家繼續關注波波和阿菌,陸續將會有更多有意思的教程推出哦~

沒填的坑實在太多了,在挖坑和埋坑的路上踉踉蹌蹌......

相關文章