Egret 微信小游戏开发笔记（一）

       随着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编译器的问题。