CocosCreator在1.8版本開(kāi)始，就支持一鍵發(fā)布微信小程序，下面是詳細(xì)的發(fā)布步驟：

1、在微信公眾平臺(tái)下載微信開(kāi)發(fā)者工具

 地址： https://mp.weixin.qq.com/debug/wxagame/dev/devtools/download.html?t=2018115，根據(jù)需要選擇相應(yīng)的版本。

2、cocoscreator設(shè)置

選擇Cocos Creator --> 偏好設(shè)置 --> 原生開(kāi)發(fā)環(huán)境，配置WechatGame程序路徑，點(diǎn)擊保存并關(guān)閉。

3、配置構(gòu)建發(fā)布

下面的界面：

 游戲名稱根據(jù)需要自己寫(xiě)入，發(fā)布平臺(tái)懸著Wechat Game，appid可以暫時(shí)不填寫(xiě)，因?yàn)槲⑿判∮螒蚴强梢灾С譄o(wú)appid的調(diào)試，但是會(huì)有功能受到限制。根據(jù)項(xiàng)目需要，選擇初始場(chǎng)景以及參與構(gòu)建的場(chǎng)景。MD5 Cache的勾選，根據(jù)官方文檔，是為了進(jìn)行版本控制（不明白就先勾上，下文會(huì)用得到）。詳細(xì)內(nèi)容可以參考官方文檔。 當(dāng)你看到箭頭3指向的內(nèi)容顯示completed，則表示已經(jīng)構(gòu)建成功了。因?yàn)槲沂侵苯訕?gòu)建成功，沒(méi)遇到什么意外情況，所以是不是有坑，我就不清楚了，如果遇到了問(wèn)題，最直接的辦法就是使用creator的helloworld工程進(jìn)行編譯，如果沒(méi)有編譯成功，就檢查下自己的環(huán)境是不是配置的有問(wèn)題。 一切OK，點(diǎn)擊運(yùn)行。

4、打開(kāi)小程序項(xiàng)目

如果你是第一次打開(kāi)，會(huì)看到下面的界面：

選擇小程序項(xiàng)目，進(jìn)入下面的界面 

選擇項(xiàng)目目錄，(項(xiàng)目路徑)\（項(xiàng)目名稱）\build\wechatgame，如果有appId，直接填寫(xiě)，也可以注冊(cè)，我只是做一個(gè)demo，趟趟雷，所以直接選擇小游戲，點(diǎn)擊確定。

5、進(jìn)入微信開(kāi)發(fā)工具 

這時(shí)候你就可以看到你編輯的游戲界面了，你也可以直接在界面上直接游戲，檢驗(yàn)下游戲有沒(méi)有問(wèn)題。順便給小白推薦個(gè)教程， http://www.byjth.com/CocosCreator/66.html閉眼就天黑的博客，很適合小白學(xué)習(xí)怎么使用creator去做游戲，只看教程是沒(méi)用的，重點(diǎn)還是多學(xué)多做。這個(gè)游戲就是照著他的教程擼出來(lái)的。

6、編譯

可以在工具上的左側(cè)模擬器界面看到這個(gè)小游戲的運(yùn)行。

7、預(yù)覽

可以通過(guò)微信的掃一掃在手機(jī)上體驗(yàn)?zāi)愕牡谝粋€(gè)小游戲。但是有一個(gè)需要注意的地方，如果按照這個(gè)教程來(lái)走的話，你可能會(huì)遇到這個(gè)問(wèn)題（ 代碼包大小為 xxxx kb，上限為 4096 kb，請(qǐng)刪除文件后重試 ），如果運(yùn)氣好，包體大小正好小于4096kb，那就可以用手機(jī)玩玩了。好了，別著急，現(xiàn)在來(lái)填坑。 根據(jù)官方文檔介紹，在小游戲的環(huán)境中，資源管理是最特殊的部分，其中就有一條，  小游戲的包內(nèi)體積不能夠超過(guò) 4mb，包含所有代碼和資源，額外的資源必須通過(guò)網(wǎng)絡(luò)請(qǐng)求下載。這就有點(diǎn)尷尬了，只有4m，那就只能使用網(wǎng)絡(luò)下載了，不要擔(dān)心，處理起來(lái)很簡(jiǎn)單，因?yàn)閏ocoscreator已經(jīng)給我們封裝好了，可以直接調(diào)用。 具體操作步驟如下：

• 在構(gòu)建時(shí)，勾選md5Cache，上文已經(jīng)勾選了，如果沒(méi)有勾選，請(qǐng)重新build一下。
• 將小游戲發(fā)布包中的res文件夾完整的上傳到服務(wù)器。
• 刪除發(fā)布包中的res文件夾。
• 在 main.js 中，找到對(duì)應(yīng)代碼段并添加 REMOTE_SERVER_ROOT 的設(shè)置 require('libs/wx-downloader.js'); // 添加這行代碼，將 URL 修改為正確的 res 遠(yuǎn)程路徑。 wxDownloader.REMOTE_SERVER_ROOT = 'https://www.xxx.com/remote-res/'; boot();PS：如果你不太了解在哪里加，在main文件搜索boot（）;找到 else if ( true ) ，就在這兒加。另外，網(wǎng)絡(luò)地址指向的是res的父目錄，即res的上一層。不過(guò)，后面發(fā)現(xiàn)在game.js下面也有這個(gè)路徑，我直接在那里寫(xiě)入了網(wǎng)址，也是ok的，具體情況不太清楚，總之兩處寫(xiě)一處就好。
• 對(duì)于測(cè)試階段來(lái)說(shuō)，可能你無(wú)法部署到正式服務(wù)器上，需要用本地服務(wù)器來(lái)測(cè)試，那么請(qǐng)?jiān)谖⑿砰_(kāi)發(fā)者工具中打開(kāi)詳情頁(yè)面，勾選項(xiàng)目設(shè)置中的 不檢驗(yàn)安全域名、TLS 版本以及 HTTPS 證書(shū) 選項(xiàng)。

8、預(yù)覽成功

會(huì)生成一個(gè)二維碼，使用微信掃一掃，打開(kāi)小游戲，這時(shí)候，你可能看到有編譯異常，不用太在意，先看下運(yùn)行效果。你可能看到的是全黑的一屏，點(diǎn)擊右上角的...選擇打開(kāi)調(diào)試，重新掃一下二維碼，這時(shí)候手機(jī)上就可以運(yùn)行了。
至此，小游戲的開(kāi)發(fā)部署算是完成了。

以上就是如何用CocosCreator制作微信小游戲的詳細(xì)內(nèi)容，更多關(guān)于CocosCreator制作微信小游戲的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

最新評(píng)論