前言

来啦老铁！

笔者在微信小程序、小游戏刚出来的时候，有实践过微信小程序，当时没有把过程记录下来，而这两天在准备一个团队分享，借此机会，把微信小游戏的开发实践记录一下（小程序与小游戏整体过程类似），有兴趣的朋友不要错过哟！

官网教程：https://developers.weixin.qq.com/minigame/dev/guide/

小程序注册步骤

1. 填写账号信息；
2. 邮箱激活；
3. 用户信息登记；
4. 补充小程序的基本信息；

注册地址：https://mp.weixin.qq.com/wxopen/waregister?action=step1

1. 填写账号信息；

填写账号信息

2. 邮箱激活；

邮箱激活 1 邮箱激活 2

3. 用户信息登记；

• 邮箱激活完成后，跳转到用户信息登记页面，正确填写信息后，提交，成功后可看到如下弹框：

用户信息登记

• 点击弹框中的“前往小程序”按钮，跳转到“小程序发布流程”页面：

小程序发布流程

4. 补充小程序的基本信息；

填写小程序的基本信息，如名称、图标、描述等，提交后，再次进入小程序基本信息页面，如：

小程序基本信息

开发环境准备

1. 安装并启动开发者工具；
2. 进入开发者工具客户端；
3. 创建小游戏项目；

1. 安装并启动开发者工具；

• 开发者工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

下载开发者工具

根据个人设备情况选择不同安装包，我使用mac，macOS 稳定版大小约：236MB；

2. 进入开发者工具客户端；

• 启动开发者工具；

启动开发者工具

• 打开已安装的开发者工具客户端，使用刚刚注册小游戏帐号登记的微信帐号“扫一扫”扫码即可进入小游戏开发环境。

微信扫描成功

• 手机授权登陆，即可：

进入开发者工具客户端

3. 创建小游戏项目；

• 点击选择开发者工具客户端中，左侧“小程序项目”中的“小游戏 Tab”；
• 点击右侧“+”号，开始创建小游戏项目；

开始创建小程序

• 填写小游戏信息；

填写小游戏信息

其中的AppID(即：小程序ID)，需要登陆小程序管理页面进行获取；
登陆地址：https://mp.weixin.qq.com/

• 手机微信扫描登陆页面的登陆二维码，然后选择要登陆的小程序即可；

登陆小程序管理页面

• 登陆后找到AppID；

AppID

• 复制AppID，填入开发者工具的小游戏信息填写页面；
• 点击“新建”按钮；

新建小游戏

• 点击后不要着急，等个10来秒钟，即可进入小游戏开发页面（俗称IDE），如：

小游戏开发页面

在开发者工具的小游戏开发页面左侧，默认启动了一个虚拟手机（模拟器），并且运行了一个“打飞机”的小游戏，后续的开发，可以实时渲染、调试哟~

开发者工具简介

开发者工具简介

1. 模拟器；

• 可以选择不同的设备进行预览，提前关注兼容性；

模拟器

• 可以在模拟器中模拟手机操作；

2. 项目代码；

3. 代码编辑器；

4. 控制台；

与浏览器的控制台极为相似，或者说就是！这个大家应该很眼熟呀！

5. 编译、预览、真机调试、清除缓存；

真机调试有一定限制：仅支持6.7.2 ~ 7.0.0（iOS）、6.7.3（Android）及以上版本微信客户端。同时，如使用iOS系统则系统版本需为11.2 ~ 11.4.1。

真机调试

可使用二维码真机调试、自动真机调试。

6. 发布相关、小游戏信息相关；

夜已深，咱今天先聊到这里吧，这两天会完成一个小小的小游戏开发实践，有兴趣的朋友们，可以关注一下~

如果本文对您有帮助，麻烦动动手指点点赞？

谢谢！