一个北漂的成长手册:AI 编程能够带来什么
上次说到了扣子工作流对网盘拉新的赋能
由于公共平台审查力度较大,所以转向了 AI 编程,用 AI 编程来为自己创造一个资源网站
这样就可以减少被投诉封号的风险,分享一些容易被误判违规的资源
凉烟是一个程序员,但是这次开发资源站,我并没有写任何一行代码,整个项目完全交由 AI 来决策与执行
有些甚至都没怎么碰过电脑的小白可能会心里打鼓——自己什么也不懂,也能用 AI 编程做出一个产品来吗?
完全可以!
这次就将从小白的视角代入,从技术架构的选型开始 到第一版诞生
让大家看看是如何操作的...
一、开发出的网站如何让目标人群用到?
凉烟的目标是开发一个资源站,目的是让互联网上所有需要搜索资源的人都能够用上
所以首先要考虑的一点就是:这个网站需要部署在哪里?
这是一个公益项目,所以我不想投入太多成本进去,那么选择一个免费的部署方式就是首先要解决的问题
这里为了缩减篇幅,我直接放出 kimi 总结的几个可以免费部署的平台,大家也可以自己去向 AI 了解更多更适合自己的平台
功能/平台 | GitHub Pages | Cloudflare Pages | EdgeOne Pages(腾讯) | Vercel |
---|---|---|---|---|
价格 | 完全免费(仅公共仓库) | 免费版不限流量、带宽、构建次数 | 免费版需兑换码,不限流量、请求数 | 免费版每月 100GB 带宽,构建次数有限 |
全球 CDN | 节点少,亚洲速度慢 | 300+ 节点,全球自动加速 | 全球节点,国内多,海外一般。含中国大陆节点需备案 | 全球 CDN,国内访问已不稳定(DNS 污染/阻断) |
自定义域名 | 支持,但需手动配置 CNAME,SSL 易失效 | 一键绑定,自动 SSL 证书与续期 | 支持,需备案,自动 SSL | 支持,自动 SSL,配置简单 |
自动化部署 | 推送特定分支后自动构建,功能简单 | 与 GitHub/GitLab 深度集成,支持 PR 预览 | 支持 Git 触发构建,PR 预览功能逐步完善 | 支持 Git 集成,PR 预览功能强大 |
动态功能支持 | 仅静态网站,不支持后端逻辑 | 支持 Pages Functions,可做 API、SSR、表单等 | 支持云函数,适合轻量后端 | 支持 Serverless Functions,动态功能强大 |
协作与预览 | 无 PR 预览,协作功能弱 | 每次 PR 自动生成预览地址,适合团队协作 | 支持预览与灰度发布 | PR 预览功能成熟,适合团队开发 |
安全与防护 | 无内置防护 | 内置 DDoS、机器人防护、防火墙 | 提供基础安全防护,含 DDoS 防护 | 提供基础安全,企业版更强 |
构建性能 | 构建速度一般,缓存机制简单 | 支持构建缓存,速度较快 | 构建速度较快,支持缓存 | 构建速度快,适合频繁部署 |
生态与扩展性 | 与 GitHub 无缝集成,生态单一 | 可整合 Workers、R2、D1 等服务,扩展性强 | 与腾讯云生态整合 | 与前端框架(Next.js 等)深度集成 |
由于凉烟已经有了 EdgeOne 的免费兑换码,所以选择了它。如果不想太折腾的话,使用 cloudflare 也是个不错的选择
二、如何保证 AI 可以开发出最适合自己的网站?
依然是问 AI
凉烟已经有了自己的需求(要开发一个分享资源的网站),也有了目标部署平台(经过上一步选出来的)
接下来就需要AI根据我已经有的条件来决定该使用什么样的技术去开发
由于我选择了 EdgeOne 平台,它属于腾讯,而腾讯也有自己的 AI 助手“腾讯元宝”
想着元宝可能更了解自家产品,所以就向它征求意见
当然,这只是我的猜测,未经验证。其实任何一个 AI 助手都可以帮你做好方案规划
经过元宝的解答,它提供了一份设计方案
但是我们等下是要用 AI 编程助手进行开发的,保险起见我需要让 AI 编程助手更清楚我的需求和开发方向,于是我又让元宝根据我的需求和设计方案 写了一份更详细的需求文档出来
给出的文档我大致看了一眼没有问题,于是直接将文档丢给扣子空间(任一 AI 助手皆可),让它根据要求设计出原型页面来,以确保 AI 能够真正理解 并开发出正确的系统
看了一眼扣子给的原型页面后 大体上还是比较满意的
于是干脆又将这个页面连同需求文档一起复制出来,放在项目根目录(其实就是一个起好名字的空文件夹)下
接下来的事情就交给 AI 编程助手了
三、编程助手那么多,应该选择哪个?
对于初次接触 AI 编程的小白来说,如果只是制作一个简单的项目,那么国内的免费编程助手就足够使用了
如:codebuddy、trae、lingma、iflow
如果想做复杂一点的,那么可以选国外带有claude模型的编程助手,不过基本上都要收费
如:cursor、augument、qoder、claude code、codex
这里凉烟选择了claude code作为助手,只是因为已经用习惯了
选择好了编程助手,只需要把之前已经准备好的需求文档和原型页面全部丢给它就好
凉烟的建议是先让 AI 进行分析,给出具体的开发方案让我们审批
这个时候如果看方案感觉不对劲 还有改正的机会,不然等开发完成之后再想修改方向性的错误,难度就会非常大了
结语
凉烟的这个资源站项目其实很早就做出了第一版,拥有了资源分类、资源卡片、资源详情页、资源搜索、复制网盘链接等功能
而这一切不过只是与 claude code 进行三轮对话后的结果,一轮完成主要开发,后边两轮只是把自己发现的问题抛给它进行修复
这开发效率比自己动手不知道要高到哪里去
只是凉烟比较有强迫症,总感觉功能太过简陋,还有大量可优化空间
于是我告诉claude code,让它完整分析一遍当前项目,思考一下 像这样的资源网站还需要进行哪些优化 可以使它更实用?
它分析后给我列出三个阶段的优化方案,分别是:
一、功能优化:添加标签、收藏、浏览历史功能等
二、页面优化:调整组件动画、适配移动端等小屏设备
三、性能优化:针对静态资源、页面预加载、SEO进行优化
我对它给出的优化方案非常满意,之后又花了大量时间反复进行开发和测试,这个效率明显就要比刚开始第一版低了很多
所以凉烟要给出一个建议,尽量在项目第一版 核心功能已经完善的情况下,尽快上线你的项目
后期调整和维护是很耗时的,因为没有哪个系统可以十全十美,在迭代过程中总有不满意或者更好的想法出现
而互联网中,“快”十分重要,快就能够抢占先机。等你占住了位置,再进行功能迭代也不迟
这可能是近期最后一次长文更新了,一来写长文太耗时,二来写完整的流程很容易流水账 让人没耐心看下去
之后一段时间将主要通过短文的形式分享AI编程案例、避坑经验、商业化思考
欢迎加凉烟微信,搜(1807157743)或扫码
任何想进一步了解的朋友都可以和我详聊
接下来我还会继续分享更多副业相关的内容
看到这里的朋友可以点个关注
兴许能够为你提供些不一样的思路