? ? ? ? 之前在Unity上完成的小游戲項目成功導出了.exe文件，但同時又想把它以別的形式再進行導出，雖然Unity官方提供了專門的服務器來給用戶上傳他們的WebGL項目，但個人感覺那總有點寄人籬下，于是想自己租一個云服務器用來上傳自己的項目。
????????上傳的流程主要分三部分：
目錄
1.Unity導出WebGL項目
2.云服務器的設置
3.將WebGL項目上傳至云服務器
1.Unity導出WebGL項目
? ? ? ? 首先我們需要把Unity項目導出為WebGL。打開項目，點擊File->Build Settings進入如下窗口，從左側找到WebGL，如果它像如下一樣是灰色的，右側顯示No WebGL module loaded。那說明你還沒有下載相關的模塊，需要點擊Install with Unity Hub下載我們需要的模塊。
下載時選中以下模塊，點擊安裝等待下載完成。
下載完成后返回Unity，可以發(fā)現(xiàn)WebGL選項已經(jīng)點亮，點擊Switch Platform，等待Unity把項目轉換成WebGL
轉換完成后別著急點擊Build導出Unity項目，我們要先進入Player Settings，這里還有些需要設置的地方，否則默認導出的項目上傳至服務器后可能會出現(xiàn)無法運行的情況。
這里的的Compression Format要改成Gzip或者Disabled，指的是要把你的Unity項目進行何種方式的壓縮。
這里可以修改導出網(wǎng)頁的展示形式，按自己的需要修改就好，我一般選的都是Default默認。
設置完后就可以點擊Build把我們的Unity項目導出成WebGL形式了。
完成后便可以在導出目錄里得到以下文件夾與文件
至此，我們的WebGL項目已經(jīng)準備完畢了，但是現(xiàn)在index.html是無法正常打開的，因為我們還沒有給它配置相應的服務器，接下來我們要去設置自己的云服務器。
2.云服務器的設置
? ? ? ? 我這里選擇的是阿里云作為我的云服務器，使用其它服務器的基本流程是相同的，但是具體的操作方法會有所不同。如果是學生黨的話，租用服務器是會有各種各樣的優(yōu)惠的，可以自己去找找最實惠的一款，這里就不贅述服務器的購買過程了。
? ? ? ? 以下是我的服務器配置信息，我使用操作系統(tǒng)是CentOS7.6 64位。
? ? ? ? 在云服務器ECS界面，點擊"遠程連接"->"通過Workbench遠程連接"進入我們的服務器界面
如果是第一次進入的話要設置用戶名和密碼，自己設置就好，之后便可進入我們的云服務器界面，在此界面里輸入yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec 下載寶塔面板。
這里的寶塔面板是一個可視化的免費服務器運維面板，雖然一些功能還是要收費，但是其免費的功能就已經(jīng)足夠現(xiàn)在我們使用了。
輸入指令后等待下載完成，其中有需要輸入的地方就輸入y，下載完成后，可以在命令行中輸入bt檢查下載是否成功。如若成功下載，便會顯示以下提示
在這里我們輸入14，查看面板的默認信息，他就會把當前的面板默認地址，用戶名和密碼如圖顯示出來
把這里的外網(wǎng)地址復制訪問一下，我們就能進入自己云服務器的寶塔面板了，默認的用戶名和密碼是默認信息里的username和password,如果想修改的話在命令行中輸入bt 5可以修改密碼，bt 6可以修改用戶名?，F(xiàn)在我們由外網(wǎng)面板地址訪問到我們的寶塔面板，登錄后進入如下界面。
如果是第一次進入的話，會有彈窗要你安裝一些基礎的插件，選擇推薦安裝就可以了。接下來我們回到阿里云，進入安全組添加我們需要授權的端口。
在安全組中點擊"創(chuàng)建安全組"進入創(chuàng)建頁面，"網(wǎng)絡"和"資源組"這兩欄選擇你當前的服務器，訪問規(guī)則這里它會幫你配置好一些常見的端口，比如80、443、3389等。這里我們自己再手動添加一個端口范圍是8868的端口，授權對象為0.0.0.0/0（對所有人開放），作為我們訪問WebGL項目的端口。
至此，我們在云服務器上的準備就全部完成了，最后我們要把已經(jīng)打包好的WebGL項目上傳到我們的云服務器上。
3.將WebGL項目上傳至云服務器
返回到寶塔面板中，點擊"網(wǎng)站"->"PHP項目"->"添加站點"，會出現(xiàn)以下窗口
這里的域名我們直接把我們服務器的公網(wǎng)IP粘貼進去，其它的默認，選擇提交就好
公網(wǎng)IP的位置
添加完成后我們就會發(fā)現(xiàn)已經(jīng)成功的添加了一個網(wǎng)站到我們的服務器了，但是這時候網(wǎng)站的內容還是空白的，而且是用默認的端口訪問的，所以我們需要把我們剛剛開放的端口添加進去，并把我們的WebGL項目部署過來。
點擊我們新創(chuàng)建的網(wǎng)站名，在彈出的窗口內填上公網(wǎng)IP地址加上我們新開放的端口號。兩者用":"隔開
再點擊添加，就會發(fā)現(xiàn)域名管理這里多了一條新添加的數(shù)據(jù)，這就是我們剛才加上的可訪問的端口號。
接著進入左側的"文件"界面，點擊"上傳"，然后把我們當初打包好的WebGL項目中的兩個文件夾，一個html文件全部放到一個新建文件夾里，再全部拖進來進行上傳。我這里新建文件夾的名字叫"JumpingFrogWeb"
文件上傳界面
上傳后的文件
現(xiàn)在我們的WebGL項目已經(jīng)成功上傳到我們的服務器上了，最后我們要把它部署到剛部署的端口上。重新進入"網(wǎng)站"，打開我們剛部署的端口，點擊"網(wǎng)站目錄"，把這里的目錄改為我們剛剛上傳的WebGL項目的目錄，便大功告成了。
修改目錄
現(xiàn)在，我們再訪問自己服務器的"公網(wǎng)IP:端口"，就可以成功訪問我們在Unity上導出的WebGL項目了！
以上，我們已經(jīng)成功的將Unity WebGL項目上傳至自己的云服務器上。
因為我沒有注冊自己的域名，所以這里所有的訪問都是由服務器的公網(wǎng)IP+端口號進行的，如果有自己域名的同學，大可以把以上過程中需要填入公網(wǎng)IP+端口號的地方換成自己的域名，也是可以正常訪問的。文章來源：http://www.zghlxwxcb.cn/news/detail-854124.html
第一次寫這么長的經(jīng)驗交流貼，其中或有漏洞、錯誤、不成熟的地方，希望大家能多多指正交流。文章來源地址http://www.zghlxwxcb.cn/news/detail-854124.html
到了這里，關于如何將Unity WebGL項目上傳至自己的云服務器上（圖文詳解）的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
