AI 做 H5 小游戏，单人上架 + 开通广告收益，全程手把手教学

兰心的 AI 实战笔记

📦 3 Key Parts + Conclusion

👉 滑动

打开 TapTap 开发者中心，进开发者服务平台，点注册。认证类型选“认证开发者”，主体那一栏选个人。

TapTap 官网链接：https://developer.taptap.cn/

资料这块没什么技巧，按要求如实填就行。个人开发者这一档审核门槛不高，正常填基本都能过。

✦ 后台有新旧两个版本

TapTap 目前新旧版本并存，界面长得不太一样，但操作逻辑是同一套。我这次演示用的是旧版，你手里是新版的话，照着找对应入口也一样能走通。

点“创建游戏”，游戏名称自己定，我这个 demo 就叫“元素守城”。

然后选游戏类型，选完直接点“快速上架”。就这两步，一个游戏的壳子就先建起来了。

很多人卡在这一步是因为想太多——名字可以改、类型可以调、信息可以后补，先建起来再说。

整个游戏文件夹压成 ZIP 格式

压缩包里必须有一个入口 HTML 文件

！踩坑提示 🕳

我见过最多的失败案例，是 ZIP 里多套了一层目录，平台找不到入口文件，直接报解析失败。压缩的时候选中文件夹内部的所有文件，别把外层文件夹一起压进去。

在 AI 助手里找到项目文件，点省略号，选“在资源管理器中打开”，项目资源就全摆出来了，入口文件就是 index.html。

返回上一级，把整个游戏文件夹压成 ZIP，回平台上传，完事。

上传的时候，记得把模式选成竖屏。手机小游戏绝大多数是竖屏体验，选错了后面改起来麻烦。

包体传完之后，点右侧的“自测”按钮，用最新版 TapTap 扫一下，就能看到游戏实际跑起来的样子。这一步别省，先看有没有白屏、错位、加载失败。

自测没问题，再点“开放能力”，选 “广告变现” 申请开通。只要开发者认证通过、基本信息填完整，一般都能正常开通。

开通只是拿到了资格，游戏里这时候还没有真正的广告代码。拿资格和接代码，是两回事，别混为一谈。

点右上角“查看接入文档”，找到 MCP 安装指南，打开 AI_SETUP_GUIDE.md，把里面的内容全部复制。

https://github.com/taptap/instant-games-open-mcp/blob/main/docs/AI_SETUP_GUIDE.md

新建一个文本文档，粘贴进去，把后缀改成 .md，放到项目文件夹里，和 index.html 同级。放错目录 AI 会找不到文件。

MCP 你可以理解成给 AI 装的一个“外接头”，装完之后 AI 就能直接跟 TapTap 的平台能力对话。配好之后，很多原来要手写的功能，都变成一句话的事——上传游戏、排行榜、多人联机、云存档，都是这个思路。

✦ 为什么选激励视频

玩家主动触发，体验上不招人烦，eCPM 通常也比 banner 高不少，是小游戏里最常见也最不容易被骂的一种。

广告接完，再补一个需求：让游戏适配不同手机屏幕，铺满全屏，界面看起来舒服一些。

重复前面的打包步骤——压成 ZIP，重新上传，上传完再自测一次。这回画面就是全屏了。