提示：文章僅供學(xué)習(xí)參考，如有錯誤歡迎留言指出~
前言
提示：心得體會。
最近想學(xué)一些新東西，但是又怕學(xué)過就忘，恰好想起博客很久都沒更新了，于是就想把新學(xué)的一些知識分享出來，即能能作為鞏固的地方，也可以和大家分析討論，豈不美哉。
提示：以下是本篇文章正文內(nèi)容，下面案例可供參考
一、搭建一個基礎(chǔ)Demo如下：
場景簡單略過。
二、構(gòu)建項目（web Mobile平臺）
1.構(gòu)建（取消勾選MD5 --> 構(gòu)建）
這里有個MD5 Cache選項(不建議勾選，他會改變文件名)，這個選項作用如下：
緩存控制： 為了提高網(wǎng)站或游戲的性能，瀏覽器會緩存靜態(tài)資源，包括 JavaScript 文件。為了防止瀏覽器永遠使用舊版本的文件，開發(fā)者會在文件名中添加哈?；虬姹咎?。這樣，當(dāng)文件發(fā)生更改時，瀏覽器會認(rèn)為它是一個新文件，而不會使用緩存的舊文件。
CDN 或靜態(tài)文件服務(wù)器： 如果您將游戲或應(yīng)用部署到一個 CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）或?qū)ｉT的靜態(tài)文件服務(wù)器上，這些服務(wù)器通常會實施緩存策略，以便加速文件的分發(fā)。哈希文件名有助于確保新版本的文件能夠順利傳送到 CDN 或服務(wù)器，并在瀏覽器中得到正確加載。
版本控制工具： 開發(fā)者通常使用版本控制工具（如 Git）來管理項目的代碼。在構(gòu)建過程中，構(gòu)建工具可能會根據(jù)代碼的版本或提交記錄生成哈希，然后將其添加到文件名中。
2.打開構(gòu)建好的項目 --> 上傳服務(wù)器
點擊打開即可跳轉(zhuǎn)到構(gòu)建目錄
將web-mobile上傳到服務(wù)器。
這里我采用的是阿里云服務(wù)器的遠程桌面連接來傳輸?shù)?，比較方便，當(dāng)然其他方式也可以。遠程連接步驟如下：
這里需要下載阿里云用于連接的工具，可以放心下載。這里可能提示你需要進行一些其他步驟，根據(jù)提示完成即可。
這里還需要配置一下安全組，這里加上你需要訪問的端口，否則其他步驟配置好了也無法訪問。如下：
3.下載Apache服務(wù)安裝并配置
進入官網(wǎng)下載：http://httpd.apache.org/
選擇windows版本
再進入ApacheHaus頁面
選擇對應(yīng)版本即可
下載完成后解壓在所需目錄即可，盡量層級不要太深，否則后面配置的路徑比較長，容易出錯。
進入conf文件夾，用編輯器打開httpd.conf文件，查找 Define SRVROOT ，將路徑改為自己的路徑即可。
自定義端口，注意不要端口沖突，不然執(zhí)行會報錯
安裝Apache服務(wù)：到\Apache24\bin目錄下打開控制臺輸入 httpd -k install -n Apache
該命令的意思是，安裝Windows可托管的Apache服務(wù)，其中"-n"后面參數(shù)是自定義Windows服務(wù)名稱，之后可使用Windows管理服務(wù)的命令來管理apache服務(wù)，如"net start/stop apache"（啟動/停止服務(wù)）。
查看控制面板打印，如果有報錯需要去查找錯誤解決后再次安裝。
我安裝的時候遇到這個問題 “由于找不到vcruntime140.dll,無法繼續(xù)執(zhí)行代碼，重新安裝程序可能會解決此問題” 原因是運行環(huán)境不匹配，解決辦法如下：
在微軟官網(wǎng)下載 最新的Microsoft Visual C++ 網(wǎng)址：https://learn.microsoft.com/zh-CN/cpp/windows/latest-supported-vc-redist?view=msvc-170
根據(jù)系統(tǒng)版本選擇即可
下載完后安裝再重啟遠程這個錯誤就解決了。
接下來配置站點，打開Apache24\conf文件夾，找到httpd.conf文件并編輯，
文中搜索Include conf/extra/httpd-vhosts.conf 去掉前面的 ‘#’，這樣就可以開啟虛擬主機功能。
再找到 在后面加上如下，增加以下內(nèi)容，賦予該web目錄的訪問權(quán)限，保存后退出
最后再打開Apache24\conf\extra下面的httpd-vhosts.conf文件打開并編輯
加上如下代碼：
<VirtualHost *:81>
DocumentRoot "C:/WebSite/resourceEncryption/web-mobile"
<Directory "C:/WebSite/resourceEncryption/web-mobile">
Options Indexes FollowSymLinks
AllowOverride None
Require all granted
</Directory>
</VirtualHost>
這里的81就是上面自定義開啟的端口，另外還有82，83也開啟了，但沒有分配，其中 C:/WebSite/resourceEncryption/web-mobile 指向了最開始構(gòu)建上傳的h5包。這里配置好了只差最后一步就可以域名/公網(wǎng)ip + 端口進行游戲訪問了。
最后一步找到Apache24/bin目錄，找到httpd.exe 右鍵以管理員身份啟動。
啟動成功后，遠程會出下面圖標(biāo)
這樣就可以訪問你上傳的h5游戲了！
效果圖如下：
總結(jié)
如有不夠詳細或者疑慮、錯誤的地方，歡迎留言指正！??！文章來源：http://www.zghlxwxcb.cn/news/detail-794908.html
最后制作耗時，給個關(guān)注和小贊??吧！文章來源地址http://www.zghlxwxcb.cn/news/detail-794908.html
到了這里，關(guān)于cocosCreator + 阿里云服務(wù)器 + Apache(windows) 從h5打包到服務(wù)器部署全流程的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
