目录

Unity3D-转换微信小游戏指引-01-环境流程

Unity3D 转换微信小游戏指引 01 环境流程

Unity3D 转换微信小游戏指引系列(第一期)

搭建环境

安装 WebGL 模块

首先,Unity 要安装 WebGL Build Support 模块。

在 Hub 找到安装的引擎,点击设置按钮,点击 Add modules 添加模块。

https://i-blog.csdnimg.cn/blog_migrate/8affa1591dc2fd5ec74f89e3753743ee.png#pic_center

勾选 WebGL Build Support ,点击 Install 按钮进行下载安装,这里显示已经安装好了。

https://i-blog.csdnimg.cn/blog_migrate/57fa4ab45de125dc6dabab1e3ae6f554.png#pic_center

安装微信小游戏转换插件

打开 ,在 安装与使用 一栏,下载 Unity 转换小游戏插件,导入到项目中。

https://i-blog.csdnimg.cn/blog_migrate/46624078816bfdf8fb666b6aaf5839f6.png#pic_center

https://i-blog.csdnimg.cn/blog_migrate/787e65152b2a7aa94311f2ac4fde8a50.png#pic_center

https://i-blog.csdnimg.cn/blog_migrate/707e76733587135cc215a80250e9ffa2.png#pic_center

https://i-blog.csdnimg.cn/blog_migrate/8959a79f016ebd678d4751e5a0c36a72.png#pic_center

Unity 菜单栏会出现 微信小游戏 ,点击 转换小游戏 可以打开转换窗口。

https://i-blog.csdnimg.cn/blog_migrate/78f8c622614ee379ceb13dea93389c4d.png#pic_center

https://i-blog.csdnimg.cn/blog_migrate/6eae5f2a377a33dac7ece4bda4dee34f.png#pic_center

安装微信开发者工具

下载 ,稳定版 (1.06.2405020) 即可。

https://i-blog.csdnimg.cn/blog_migrate/0a5b039f4451b87612c4cb3e4c293d59.png#pic_center

注册小程序

在转换窗口可以看到,需要填很多信息。

其中 游戏 AppID 需要在 官网申请注册一个账号。

注册成功后,在 首页 -> 小程序发布流程 -> 小程序类目 ,添加 服务类目 ,例如休闲游戏。

注意:如果没有填写服务类目,打包出来的项目很可能没有小游戏模式,也就没有 game.js 文件。

https://i-blog.csdnimg.cn/blog_migrate/f66e065a2952708295e04f802baf382c.png#pic_center

https://i-blog.csdnimg.cn/blog_migrate/a0f66b84b11adc9c6e1ecc30ddd60930.png#pic_center

开发管理 -> 开发设置 -> 开发者 ID 可以找到 AppID

https://i-blog.csdnimg.cn/blog_migrate/b225fb7cdaa42c5babb5e062d0e610fb.png#pic_center

https://i-blog.csdnimg.cn/blog_migrate/48e22b4b905092242e1aa08ac79ca6fe.png#pic_center

https://i-blog.csdnimg.cn/blog_migrate/a8510ec55e8a869146c01859efa509f9.png#pic_center

转换小游戏

把打包平台切换为 WebGL

https://i-blog.csdnimg.cn/blog_migrate/688c82520119dbb272e368fcf6a6e2ed.png#pic_center

打开转换窗口,填写 小游戏项目名导出路径首包资源加载方式 改为 小游戏包内

点击 生成并转换 ,打包小游戏。

https://i-blog.csdnimg.cn/blog_migrate/387cb0b80cb13215af3f00265b8ce0dc.png#pic_center

打包完成后,会有两个文件夹,其中 minigame 是需要使用 微信开发者工具 打开的工程文件, webgl 是 Unity 打包 webgl 平台生成的文件。

https://i-blog.csdnimg.cn/blog_migrate/1ae2807bfc0bb82bf09277a90986125f.png#pic_center

导入项目

打开微信开发者工具,微信扫码登录,选择 小游戏 ,点击 导入 按钮。

https://i-blog.csdnimg.cn/blog_migrate/e08fe926f4411fe1c267a2d6d1b1ab7a.png#pic_center

https://i-blog.csdnimg.cn/blog_migrate/3fffc3c2f785471a3be60915f0825857.png#pic_center

导入之后会自动识别在 Unity 转换窗口中填写的 AppID

这里暂时还不需要购买微信云开发,可以先勾选 不使用云服务 ,点击 确定 按钮导入项目。

https://i-blog.csdnimg.cn/blog_migrate/ab87d111b884c08ce15c4b4697de3034.png#pic_center

打开项目,等待编译,就可以看到 Unity 的场景了。

注意:如果是第一次使用转换插件,调试器会有报错提示 插件未授权使用 ,并提供了一个超链接 添加插件 ,点击超链接开通 Unity适配插件 即可。

https://i-blog.csdnimg.cn/blog_migrate/19fca17366694a44c490b5e58e223a89.png#pic_center

预览

点击上方的 预览 按钮,等待编译,完成后会生成一个临时的二维码,微信扫码即可预览。

https://i-blog.csdnimg.cn/blog_migrate/a5b4f9ac2a958f1a41ed09c2afed7440.png#pic_center

https://i-blog.csdnimg.cn/blog_migrate/c5ef2dd39ced190043068dbe24281619.png#pic_center

https://i-blog.csdnimg.cn/blog_migrate/aa64a7497a019d8a700f25bcb8caa08b.png#pic_center