夜雨聆风VIBE CODING / 第 03 篇
将 AI 写好的小程序项目代码导入开发者工具，并上传到平台去提审与发布
学习目标
将 AI 写好的小程序代码成功导入微信开发者工具 能在微信开发者工具中预览、真机体验以及上传代码 在小程序管理平台提交代码审核，以及发布上线
开始前准备
已有一个个人主体小程序账号 并且已经通过 WorkBuddy 或者 Codex 等工具写好了小程序代码 电脑上已经安装好微信开发者工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 建议下载最新的 Nightly 版
详细操作指南
打开微信开发者工具，并扫码登录或使用快捷登录
点击导入，选择项目文件夹
然后点击打开
将「touristappid」替换成真实的 AppID（下拉即可选择）
此时可以先不用选择"使用云开发"。但如果之前让 AI 写的代码已经涉及云开发，才需要勾选"使用云开发"。 最后一步则是要选择信任并运行这个文件夹，至此，就算是将小程序项目成功地导入到了微信开发者工具中。
将项目导入开发者工具之后，默认会启动编译。编译成功之后，即可在模拟器看到运行的样子。
模拟器的左右位置是可以调节的，可以根据个人喜好进行设置。
上面的图是专业开发者常见的界面。但由于我们是通过 AI 在其他工具中进行开发的，所以我们并不需要编辑器以及资源管理器等。当我们不需要的时候，也可以把其他的关掉，只留下模拟器。
如果觉得这个界面还是太大了，你只是想要一个模拟器的话，还可以只把模拟器弹出来，具体操作如下：
然后点击"分离窗口"，即可将模拟器弹出。 而在模拟器的顶部那里，编译和清除缓存的按钮如下图，这是我们用的最多的两个操作。
在开发者工具的工具栏中点击"预览"，即可生成一个预览版的二维码，使用微信扫码即可进入到预览版。
从上图中也可以看出，预览版是有有效期的。所以每次代码更新后，都需要重新预览并扫码，操作比较繁琐。不过，你也可以点击旁边的"自动预览"标签页（Tab）来进行自动预览。
可能有小伙伴也发现了，那边还有一个"真机调试"。这个我们通常用不上，因为我们遇到的问题都是交给 AI 去解决，不像专业开发者需要逐行调试定位。所以这一块直接跳过、忽略即可。
当所有功能和样式都测试无误后，就可以在开发者工具的工具栏中点击"上传"，即可将代码上传至小程序平台。
从上图的提示中可以看到：如果你之前已经设置过体验版了，那么这次上传代码，就会把之前的体验版覆盖掉。
这里需要你填版本号和项目备注，这个只是用来方便大家记录每个版本都在修什么 bug 或者更新了什么功能。也可以让 AI 帮忙总结每次提交到底改了哪些内容。
代码上传成功之后，就会有成功的提示。然后登录小程序管理平台就可以看到刚刚上传的开发版了。
如果要设置体验版的话，操作路径是：进入"版本管理"，选中某个开发版，然后设置为体验版即可。
如果你不知道你的小程序首页的路径是什么，你问你的 AI 即可，默认就是下图中的这个路径。
设置好了体验版之后，你就可以扫码进入去体验了，或者是下载这个体验码发给你的朋友们。你将他们添加到体验成员后，他们就可以去体验了。
如上图所示，体验二维码是有有效期的，但是体验版是一直有效的。也就是说，只要他们能够访问体验版，就可以一直访问。 将用户添加为体验成员的操作路径：在"成员管理"页面的 Tab 中，滑动到页面最底部，找到"体验成员管理"进行操作。
在小程序管理平台中选择某个开发版进行提交，点击提交审核
从上图中可以看到，如果还没有备案的话，系统会有一个提示。但正如前面的教程所提到的，即使备案还没通过，也可以先提交审核，两者互不影响。但必须在发布前通过备案，否则无法发布（即使代码审核通过也不行）。 另外，如果还没设置主营类目的话，也无法提交审核，需先去"服务类目管理"模块进行设置。这个前面的教程都已经讲过了，就不重复了。
最后进入的提交审核的表单如下：
通常填写"版本描述"即可。这个表单上有很多是选填的，我们根据实际情况填写即可。例如说，不是特殊的情况下，尽量就不要选加急审核，除非是真的比较着急。因为这个是有次数限制的，用完了的话需要花钱买。 关于"用户隐私保护指引设置"，这里我后面会单独出一期课程来分享，因为这部分需要根据你实际的代码情况来填写。如果你的小程序里面用到了一些收集用户个人信息的接口，这里是需要声明的。至于代码是否用到了这些接口，同样可以问 AI。
最后这个地方关于测试账号提供的说明：就比如说，如果你的小程序需要提供特殊的账号和密码才能够访问，你就选下图的选项，否则你就选「无需登录账号即可使用」。
干货总结
全程流程图：导入项目 → 编译预览 → 真机测试 → 上传代码 → 提交审核 → 发布上线
- 导入项目
：打开开发者工具 → 点击导入 → 选择项目文件夹 → 将 touristappid替换为真实 AppID → 勾选"信任并运行"。 - 编译预览
：项目导入后自动编译，在模拟器查看效果。可点"分离窗口"把模拟器独立弹出，方便查看。 - 真机测试
：工具栏点击"预览"生成二维码，微信扫码体验。推荐开启"自动预览"，代码修改后自动刷新，免去反复扫码。 - 上传 & 提交审核
：功能测试无误后 → 点击"上传" → 填写版本号和项目备注 → 登录 mp.weixin.qq.com → 进入"版本管理" → 选择开发版 → 点击"提交审核" → 填写版本描述 → 提交。
- 设置体验版
：在"版本管理"中选一个开发版设为体验版，生成体验二维码分享给朋友。需在"成员管理 → 体验成员管理"中添加体验成员。
导入选 AppID，编译看模拟器，预览扫二维码，上传填版本号，审核通过就发布。
