玩转微信小游戏（一）：开发环境搭建
2021-02-25 本文已影响0人
狄仁杰666
前言
来啦老铁！
笔者在微信小程序、小游戏刚出来的时候，有实践过微信小程序，当时没有把过程记录下来，而这两天在准备一个团队分享，借此机会，把微信小游戏的开发实践记录一下（小程序与小游戏整体过程类似），有兴趣的朋友不要错过哟！
官网教程：https://developers.weixin.qq.com/minigame/dev/guide/
小程序注册步骤
- 填写账号信息；
- 邮箱激活；
- 用户信息登记；
- 补充小程序的基本信息；
注册地址：https://mp.weixin.qq.com/wxopen/waregister?action=step1
1. 填写账号信息；
填写账号信息
2. 邮箱激活；
邮箱激活 1
邮箱激活 2
3. 用户信息登记；
- 邮箱激活完成后，跳转到用户信息登记页面，正确填写信息后，提交，成功后可看到如下弹框：
用户信息登记
- 点击弹框中的“前往小程序”按钮，跳转到“小程序发布流程”页面：
小程序发布流程
4. 补充小程序的基本信息；
填写小程序的基本信息，如名称、图标、描述等，提交后，再次进入小程序基本信息页面，如：
小程序基本信息
开发环境准备
- 安装并启动开发者工具；
- 进入开发者工具客户端；
- 创建小游戏项目；
1. 安装并启动开发者工具；
下载开发者工具
根据个人设备情况选择不同安装包，我使用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. 发布相关、小游戏信息相关；
夜已深，咱今天先聊到这里吧，这两天会完成一个小小的小游戏开发实践，有兴趣的朋友们，可以关注一下~
如果本文对您有帮助，麻烦动动手指点点赞？
谢谢！
