哎呀妈呀， 学英语真的太痛苦了所以我决定搞个H5来折磨自己

说实话，我真的受够了背单词书。每次拿起那本红红绿绿的单词书，我就感觉眼皮有千斤重，真的，不夸张，比我家那只胖橘猫还重。但是吧，不学英语又不行，毕竟以后想出国吃牛排，或者至少看懂美剧生肉的时候不用盯着字幕发呆。 我心态崩了。 于是我就想，能不能搞个那种刷视频的H5应用？就是像刷抖音那样， 上滑一下一个视频，再滑一下又一个视频，但是呢，这些视频全是英语教学，或者至少是带英语字幕的短视频。听起来是不是很天才？我觉得是。

但是问题来了。我是个程序员，别让我折腾服务器了？我就想写个页面然后让人点开就能用， 将心比心... 就这么简单，难道很难吗？

直到我遇到了CloudBase AI ToolKit， 我的头发保住了

换句话说... 后来我在网上瞎逛，不知道是哪个广告弹窗，看到了CloudBase AI ToolKit。说是腾讯云开发团队搞的，能AI生成代码，还能一键部署。我心想，吹吧你就，现在的AI工具十个有九个是智障。但是吧，反正闲着也是闲着，我就下载下来试试看。后来啊，哎哟我去，还真有点东西。

这个CloudBase AI ToolKit， 它不是那种冷冰冰的工具，它居然能听懂人话！真的，我没开玩笑。我就对着它说：“给我搞个刷视频学英语的H5页面要那种能滑动的，还要有字幕，能查单词的。 上手。 ” 然后它就开始在那儿噼里啪啦地生成代码了。我就在旁边喝着快乐水，看着屏幕上的代码一行行冒出来那种感觉，怎么形容呢？就像是你喊了一声“芝麻开门”，然后门真的开了里面还堆满了金银财宝。

这玩意儿到底怎么用？听我给你瞎扯扯

先说说你得有个VS Code，或者那个叫Cursor的玩意儿。反正就是那种写代码的编辑器。然后去插件市场搜CloudBase AI ToolKit，安装一下。安装完了你得登录一下腾讯云的账号。这一步我就不细说了反正你要是连账号都登不上去，那你也别搞开发了回家种地吧，太顶了。。

登录进去之后界面还算清爽。左边有个小云朵的图标，点一下全是功能。什么云函数、云数据库、静态托管，乱七八糟的一大堆。但是别怕，我们有AI啊！我就直接问AI：“大哥，我想建个数据库，存视频信息的， 另起炉灶。 咋整？” AI居然真的回我了 它说：“你可以创建一个名为`videos`的集合，字段包括`videoUrl`、`title`、`subtitleUrl`等等。” 我当时就惊呆了这AI成精了？

然后我就照着它说的，在云数据库里建了个表。你看， 这就是数据库结构，虽然简单，但是够用了：

大胆一点... 建完数据库，我就开始搞页面了。以前写HTML、CSS，那是真的痛苦，调个样式要半天div套div，套得我都不知道自己在哪了。现在好了我直接跟AI说：“给我个页面上面是视频播放器，下面是单词列表，风格要简约一点，别太土。” AI噼里啪啦一顿操作，代码就出来了。我一看，嘿，还真像那么回事。虽然有些地方有点丑，比如那个按钮的颜色是粉红色的，我看着有点恶心，但是我自己改一下CSS不就行了吗？这比自己从头写要快一万倍啊！

云函数是个啥？能吃吗？

说到云函数，这玩意儿一开始我也搞不懂。我就知道它是跑在云端的代码，不用我自己买服务器。CloudBase AI ToolKit里有个云函数开发的功能，我点了一下它就给我生成了一个模板。我看了一眼，全是Node.js的代码。虽然我Node.js学得也不咋地，但是大概能看懂，我晕...。

我想，我这个应用得有个功能，就是用户点击字幕里的单词，能弹出翻译。这个逻辑如果放在前端，那得把词典全下下来太大了。所以得放后端。我就跟AI说：“帮我写个云函数，输入一个英语单词，返回它的中文翻译。” AI居然真的给我写了一个， 虽然它用的是那个免费的API，有时候翻译得挺离谱的，比如把“Hello”翻译成“你好吗”，我也懒得管了反正能用就行。

你看， 这就是云函数列表，虽然不多，但是每一个都是我的心血：

部署上线，那一刻我感觉自己是个神

代码写得差不多了虽然丑是丑了点，但是逻辑是通的。接下来就是最激动人心的时刻了——部署上线。以前用Alibaba Cloud Toolkit的时候， 我要打包，要上传， 在我看来... 要配置Nginx，要搞域名解析，有时候搞到半夜两点都弄不好，气得我想砸键盘。但是CloudBase AI ToolKit不一样，它有个“一键部署”的功能。

我就点了那个按钮，然后它就开始在那儿转圈圈。我就盯着那个圈圈看，心里默念：“别报错，别报错，求求你了别报错。” 过了一会儿，它居然真的停了然后弹出一个框，告诉我部署成功了！还给了我一个链接。我颤抖着手点开那个链接，我的手机屏幕上出现了我那个丑陋的刷视频学英语应用。虽然那个粉红色的按钮依然在嘲笑我，但是它真的能跑啊！我滑了一下视频出来了；我点了一下单词，翻译出来了。那一刻，我差点哭出来。真的，不骗你。

而且， CloudBase AI ToolKit还能自动生成部署链接，朋友点开就能直接玩。还可以接入CloudBase后台，实现日志追踪、用户状态存储等云端能力。虽然我现在只有我自己一个用户，但是万一哪天火了呢？对吧？做人要有梦想，性价比超高。。

这中间踩的那些坑，说多了都是泪

当然啦，过程也不是一帆风顺的。AI虽然厉害，但有时候也挺智障的。有一次我跟它说：“给我加个背景音乐。” 后来啊它给我生成了一个自动播放的音频标签， 容我插一句... 而且那个音乐还是那种特别吵的摇滚乐。我打开页面的时候，差点没把我心脏病吓出来。我赶紧把它删了并且狠狠地骂了AI一顿。

还有一次我想用腾讯云的MCP部署视频存储。后来啊那个配置太复杂了我搞了半天都没搞明白。AI给的建议也是模棱两可，说什么“请参考官方文档”。我当时就想，我要是能看懂官方文档，我还用问你吗？再说说没办法，我只好放弃了直接把视频存到了对象存储里虽然麻烦点，但是至少能用。

还有那个IntelliJ IDEA， 我以前挺喜欢用的，但是装Alibaba Cloud Toolkit插件的时候，老是报错。说什么“srcPath does not exist”，找不到文件。我查了半天原来是Cloud Toolkit默认去target目录下找，但是我的项目结构不一样。我改了半天配置，再说说还是放弃了老老实实换回VS Code用了。所以说工具这东西，还是得选适合自己的，别硬撑。

一下 这玩意儿到底值不值得用

经过这一通折腾，我觉得CloudBase AI ToolKit还是挺香的。特别是对于我这种懒人能少写一行代码是一行代码。它把项目构建、 SCP上传部署包、制作Docker Image、登录机器、推送至镜像仓库这些繁琐的步骤全给省了。我只需要关注我的业务逻辑，也就是怎么让用户更爽地刷视频学英语，太水了。。

而且，它的AI功能真的能帮上大忙。虽然有时候会抽风，但是大部分时候，它都能理解我的意图。比如我说“修仙风格”， 摆烂。 它居然真的给我搞了个那种古风的UI，虽然跟英语学习八竿子打不着，但是挺有意思的。

再说说我想说开发这东西，其实挺有意思的。特别是当你看到自己写的东西能在手机上跑起来的时候，那种成就感是买不到的。以前我觉得开发是件苦差事， 现在有了CloudBase AI ToolKit，我觉得开发其实也可以很轻松。 YYDS... 我在写小说它在写代码。整场开发我几乎没碰过HTML标签，也没写事件监听、样式布局这些繁琐部分。我只负责创意和故事——CloudBase AI Toolkit帮我把它变成了现实。

何必呢？ 所以 如果你也想搞个什么H5应用，或者小程序，或者别的什么玩意儿，不妨试试CloudBase AI ToolKit。反正不要钱，试试又不吃亏。万一你也像我一样，开发出了一个虽然丑但是能用的应用呢？那时候你就可以拿着链接去跟朋友吹牛了：“看，这是我做的！” 哪怕朋友心里在想“这什么垃圾”，嘴上也会说“哇，你好厉害”的。这就够了真的。

哦对了再说说再啰嗦一句，那个视频存储的问题，如果你有好的解决方案，记得告诉我。我的视频现在加载有点慢，可能是网速的问题，也可能是我的代码写得烂。 体验感拉满。 反正，先这样吧，我要去刷我自己开发的英语学习视频了虽然那个粉红色的按钮真的很刺眼，但我决定忍了。毕竟那是我的孩子啊。