Laya 接入指南
一、构建/发布
芒果小游戏运行于WebView,采用 Laya 系列引擎开发的游戏,发布芒果小游戏核心步骤:
1.1 构建
选择发布为Web游戏 → 构建完成,但需注意除首包外,其它资源进行远程加载。
layaair 3.x 引擎官方发布文档:
1.2 补文件
在构建产物根目录,手动追加以下文件:
project.config.jsongame.json
文件内容请参考官方文件说明。
1.3 提交
使用 芒果开发者工具 直接导入该目录:
- 调试
- 预览
- 一键上传,完成上线
建议:使用真机测试,确保游戏在真实环境下运行正常。
二、包体优化注意事项
对上传平台的包体进行了大小限制,需注意以下四点:
2.1 分包
- 推荐做法:将游戏资源进行远程分包/远程加载资源,并将这些分包部署在 CDN 服务器上,进行远程分包/资源,不要进行本地分包/资源。
- 目的:减少初始包体大小,加快首次加载速度,提升用户转化率。
2.2 加载分包
-
LayaAir 2.x:在代码中加载远程资源时,需手动指定 CDN 地址,例如:
Laya.loader.load("https://myserver.com/res/image1.png");注意:不能依赖默认路径,必须显式拼接远程地址
-
LayaAir 3.x:远程分包,见官方文档介绍:
2.3 真机加载失败排查建议
- 问题现象:分包在芒果开发者工具中能正常加载,但在真机上失败。
- 常见原因:CDN 未正确配置跨域(CORS)。
- 解决方案:检查并配置 CDN 的跨域设置,参考提供的《设置跨域指南》。
2.4 上传包体大小与转化率关系
- 芒果开发者工具会将发布后目录中的所有内容打包上传。
- 用户首次进入游戏需经历:下载包体 → 解压 → 启动游戏
- 结论:包体越小,下载越快,转化率越高。
- 建议:尽可能压缩资源、剔除冗余文件、使用远程分包等手段最小化上传包体体积。
三、接入平台接口
在游戏中,引用芒果小游戏平台的接口,以 isLogin 为例,有以下几种方式:
window.mgtv.isLogin();//window['mgtv'].isLogin()、mgtv.isLogin();
- 重要接口请参考接口说明
四、调试
需要查看调试日志信息时,在发布后的 index.html 中加入以下代码:
<script type="text/javascript" src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script type="text/javascript">
new window.VConsole();
</script>
注意:正式发布版本时,需要隐藏相关调试设置。