我用AI做了个MBTI交友网站：从写代码到部署上线，AI+MCP 全部自己搞定！简直离谱！原创

这是我用code body+cloud base做的MB ti交友网站，它可以做MB ti测评，维护个人信息，匹配好友，还能留言私信。那这个网站呢，从前端UI设计到后端交互逻辑，包括最后的部署上线，我全程没有写过一行代码，更没有做过任何服务器的运维和域名的配置工作，全部呢都是AI来帮我自动实现的。前段时间受腾讯云黑客松邀请参加直播活动的时候呢，我也在现场演示过这个项目，所以说今天这个视频呢，我将手把手教会你如何做出这个应用。那咱们现在开始首先是开发工具，这里呢，我们选择Vs code, 然后安装code body这个插件，它是腾讯云出品的I编程辅助插件，可以让你的Vs code的秒变AIIDE顶部呢有四个按钮，Craft是code body最新推出的软件开发智能体就是全自动让AI开发读写文件调用控制台，或者是MCP chat呢是纯对话模式，Code review可以去帮你做代码审查、架构优化。而UN test可以快速。

To帮你生成单元测试，右上角有一个MCP市场的按钮，在这里你可以去搜索安装主流的MCP插件，也可以去手动添加MCP，那现在呢，我们就来安装一下cloud base AI to的MCP，它可以呢，让我们轻松的将网站和应用与cloud base打通，Cloud base是一体化应用开发平台，借助cloud base呢，我们可以去快速的构建小程序、web移动应用，它具有无服务器、跨平台、轻松托管、节约成本等四大特性。那接下来的话呢，我们去做一下这个cloud base的设置啊，来到腾讯云的官网扫码登录之后呢，我们搜索cloud base, 在这里我们需要去开通一个环境，目前呢个人版是有一个月的免费体验额度的，开通好环境之后呢，我们来到这边的云开发平台，这里从计算、数据库、对象、存储到AI和扩展能力一应俱全，几乎呢，可以去涵盖了我们网站和小程序的一个全部开发场景，不过呢，这些都不用我们自己去手动维护啊，只需要借助这个cloud base AI to的MCP。

该呢就可以实现轻松调用了，接下来我们做一下实际的演示，OK, 那现在呢，我们就开始写代码啊，首先呢，我们来到腾讯黑客松的这个专题页，下载对应的代码模板，这里呢有小程序也有web端模板，我们这次呢选择的是VIEW3这个模板，下载到本地解压之后呢，我们用这个Vs code的打开使用模板有一个好处就是官方它内置了很多cloud base云开发的规则，这样一来的话呢，就可以让我们后续的开发流程顺畅很多啊，少走不少弯路。然后呢，我们这边点击craft啊，我们输入这样一段提示词，但是啊，我们不要着急让AI去写代码，我通常呢会让AI来帮我优化一下，就是生成一个结构化的提示词，然后呢，我会让这个AI一个模块一个模块的去分步骤生成，切记不要一口吃个胖子啊，那样你和AI拉扯的这个时间呢，就会非常的长，最后又不得不推倒重来，那接下来的话呢，就是AI写代码的时间了，我们可以去干点别的，这个过程呢，可能会出现一些超时卡顿的情况，大家只需要去，呃，停止。

当前的任务，然后让code body继续执行就可以了，OK, 那现在我们代码写的差不多了，Code body呢，会调用这个cloud base MCP来进行云函数的一个部署和运维工作，期间呢，也可能会去调出浏览器的页面啊，让我们去做授权和选择环境啊，我们只需要跟着引导来做就可以了，OK, 那最后呢，我们这个代码就全部写完了，接下来的话呢，我们去运行来看一下这个网站的效果，可以看到它的这个布局啊，还有UI设计还都挺不错的啊，然后呢，我们点击一下登录啊，因为没有账号嘛，所以说我们现在去注册一个账号，输入我们的用户名，密码，然后选择一下这个MB ti的类型，点击按钮之前呢，我们打开这个浏览器的调试工具啊，可以看到此时呢，它是发送了一个网络的请求，然后呢，我们来看一下它的报文啊，这里呢，就是去请求腾讯云云函数的一个具体信息了啊呃，这里有函数名啊，还有参数的这个Jason的字符串，我们再回到这个cloud base啊，然后点击一下这个云函数。

点击这个register函数，然后呢，我们看一下这个日志，在这里呢，我们就可以看到刚才我们的这个调用呢，是成功打通的，再来看一下这个云存储啊，这里有一个users几何，点开之后呢，我发现这里多了一条用户的数据啊，就是我们刚才注册的那一个用户名，那我们全程呢，是没有去写一行代码的，但是整个项目它的一个前端后端目前来看的话呢，已经是完全打通了，就非常的神奇，而且我们现在用到的这个云函数云存储啊，因为它依托这个腾讯云的强大的容灾能力啊，是可以在后续自动的去做扩缩容的啊，就可以给我们的这个网站的一个全生命周期做一个保驾护航，那现在的话呢，我们来登录一下这个网站啊，接下来的话呢，我们需要去维护一下自己的这个个人信息，填写完这个表单之后呢，点击这里的匹配啊，就可以看到系统推荐的一些好友了啊，如果说你对某个人感兴趣的话呢，可以点击这个留言按钮啊，给他说一些你想要告诉他的话，那如果说你不知道自己的这个MB ti类型是什么，首页这里。

那还提供了一个专业的测评功能啊，到这里一个完整的MB ti的测评交友网站就已经做好了，接下来的话呢，我们来上线一下这个网站啊，也是非常的简单，只需要对这个code body说帮我把这个网站托管到cloud base, 然后呢这个项目就开始打包了，然后上传到云端，这边呢，它还返回了一个HTPS的公网访问地址，然后呢，我们复制到浏览器啊，可以看到也是可以非常轻松完美访问的啊，后续我们也可以用自己注册的这个域名来替换现在呃，这个cloud base分配给我们的域名，总之呢，从开发到上线整个流程还是非常丝滑的，好的，那这就是我用code body+cloud base打造的零代码MB ti交友网站的一个全过程了啊，从UI设计，业务逻辑的实现啊，云函数的部署，再到最后的这个上线，全部呢都是有AI一手包办的，无论是没有开发经验的人，还是具备一定开发基础的人啊，我觉得这个开发呢，都变得前所未有的简单啊。

一个人呢，也可以有机会去完成这个全站开发了啊，现在呢，腾讯云他也发起了一场AI coding的全站开发挑战赛，鼓励大家用这个AI编码加云开发的方式打造你自己的一个全站应用项目，那无论你是程序员还是一个完全没有技术基础的小白，只要你有想法，你就有机会用AI做出一个上线可用的产品，从而瓜分10万元奖金啊，所以说感兴趣的朋友可以来试一试，那如果说你对MB ti交友网站这个项目感兴趣的话呢，或者说你想要去亲自尝试一下，也可以在评论区留言啊，我会整理出啊一个完整的教程和地址分享出来，最后呢，也是别忘了点赞投币支持我一下啊，那我们下个视频再见peace。