如何臨時發佈部署Cocos小遊戲到Linux服務器,讓別人能在微信打開

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

教程:製作一個小遊戲送給喜歡的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”就能獲取所有資源,點擊文末閱讀原文能調整到視頻版教程,希望大家繼續關注波波和阿菌,陸續將會有更多有意思的教程推出哦~

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章