? ? ? ?隨著H5開發的普及，使用Egret開發小游戲也變得更加方便。相較于WXML，個人覺得ts語言編寫更加簡單，所以覺得學習下Egret小游戲的開發。雖然此時入坑有點晚了，但是總不算太落后吧。記錄下自己學習的過程，方便以后隨時查閱。

? ? ? ?首先是選擇創建一個Egret 游戲項目（順便提一下，Egret并不是所有引擎版本都支持小游戲開發，所以最好是將引擎升級至最新版本，我這里用的是5.2.21版本）。這里如果選擇微信小程序的話，就是創建了一個微信小程序工程，跟微信開發者工具創建的小程序工程一樣，這樣相當于還是要用WXML模板開發，就不需要我們使用Egret開發了。所以這里要創建一個Egret 游戲項目：

? ? ? ? 然后設置并創建游戲工程，擴展庫根據自己的需要添加，也可以之后配置：

? ? ? ? 此時我們是創建了一個可以運行在web環境下的Egret游戲項目，我們可以直接調試看到熟悉的Egret demo結果。要得到微信小程序工程，我們只需要選擇發布為微信小游戲即可：

? ? ? ?這里的AppID暫時缺省（使用默認值），填寫項目名稱，然后確定發布：

? ? ? ?這時如果點擊“使用微信開發者工具打開”，會發現根本沒有什么反應（即使是微信開發者工具已經處于打開狀態，也不能成功打開工程）。我們打開上面的Egret工程路徑，可以看到，該路徑下確實生成了名為“weixin_helloworld_wxgame”的微信小游戲項目：

我們可以先打開微信開發者工具（開發者賬號申請以及微信開發者工具下載等，請自行參考微信小程序開發者文檔：https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/），然后導入剛才的生成的小程序工程：

?終于看到了我們期望看到的界面：

? ? ? ?接下來我們按照Egret官方給的微信小游戲開發文檔（http://developer.egret.com/cn/github/egret-docs/Engine2D/minigame/tutorial/index.html）說明的，“在 wing 編輯器中，修改 egretProperties.json 配置文件中的 target 對象的 current 屬性為 wxgame，然后點擊調試按鈕，會自動打開 微信開發者工具”，會發現并不能打開微信開發者工具，而是得到需要安裝最新微信開發者工具提示的錯誤：

我們嘗試在終端里執行開打微信開發者工具的命令：egret run --target wxgame

回車執行之后，可以看到錯誤提示：

從錯誤提示可以看出，應該是我們的開發者工具服務端口未打開。我們打開微信開發者工具，點擊左上角的設置，并在彈出框中選中“安全”，最后選擇開啟服務端口即可：

?此時我們再在終端中執行啟動微信開發者工具的命令，會發現，當前游戲工程成功在微信開發者工具中打開了！

? ? ? ?不過從開發者工具的控制臺可以看到以下警告：

微信小游戲的整體包不能超過8M，Egret的3個庫就占用了1M多。所以，我們可以用Egret提供的命令去壓縮一下。在終端執行以下代碼:egret publish --target wxgame；然后等再次編譯好，就可以看到已經沒有之前的警告了：

? ? ? 這里還是有個問題，就是用Egret Wing直接調試，確實可以直接編譯更新到微信開發者工具中打開，但是在Wing中一直提示安裝最新的微信開發者工具。這個問題還沒有找到原因，估計是Egret Wing編譯器的問題。

總結

以上是生活随笔為你收集整理的Egret 微信小游戏开发笔记（一）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。