为了帮助大家更好学习AI编程,我周末花了两天时间,开发并部署了一个AI编程导航网站,采集了一些我认为比较好用的AI编程的周边工具,例如MCP Server、原型设计、免费数据库等等。
对于很多想用 AI 开发产品但不知道做什么的朋友来说,AI导航网站是很好的选择,因为:
下图就是我自己部署好的导航网站:AI Coding Helper,专门帮助没有开发经验的同学,寻找能帮助快速开发的工具,例如免费的数据库、免费的部署托管工具等。感兴趣可以登录 htttps://aicoding.help 打call
复盘一下我开发这个网站的经验:
首先,「不要重复造轮子」用好github上的开源项目
所以我找了两个很优秀的项目:tap4ai、aigotools,两个都提供了完整的前端网站、后端爬虫服务,但其中又有不一样的方案。
到底哪个更适合我?我特意花了半天时间来做对比
从对比的过程中,我们能还原「开发部署一个网站需要的服务与流程」
这两个项目都是优秀的AI导航网站,其中tap4ai是老前辈开源比较早,而aigotools则比较
在技术上还,我们把网站分成前端和后端,前端方面,这两个相似,用的是当下很火的Next.js
而对于后端,主要解决的是网站爬虫的问题:
1是采集网站的信息,然后让AI改写成导航网站上的介绍
2是把网站的首页做一个截图,这样能放到我们导航网站上
可以看得出来,真正的工作量是在后端,所以这个必须选择自己熟悉的,这也是我选择tap4ai的原因——我会python
接着看更具体的功能,前面我们说后端对网站进行截图,执行上就是一个「浏览器自动化」,通过使用pyppeteer或者Playwright包,调用chromium,进入到网站,然后做一个截图处理
这里不需要管哪个包,反正最后都是让AI去写代码。
市场推广和后期运营,远比网站技术来的更重要,尤其是SEO这块,想要网站获得流量,必须具备一些SEO知识,同时,在网站的底层架构、内容逻辑上,都需要提前设计,这也是为什么我找开源项目的原因,一般来说他们都已经做好了这部分的设计。
SEO特性
现在各式各样的服务都有,很多事情不需要自己从0开始去开发,直接调用别人做好的就行了,例如下面存储服务,正常来说,我们需要买一个服务器,然后把图片等文件存到上面,再开api让前端调用,这个过程不说复杂与否,就一定要花钱。
但如果我们用赛博菩萨Cloudflare 的R2服务,就可以免费拿到10G的容量,当然国内的七牛也可以,只是这里我是出海就用Cloudflare更方便。
从这个对比中,我们能看到这两个项目都用了很多免费的第三方服务,从中我们可以总结出不花一分钱的「2025穷鬼开发套餐」
部署问题也是我不选择aigotools的原因,对我来说,因为我还要对项目进行二次开发,所以显得有点复杂了,需要用docker compose,这块说实话我不是很熟悉,就放弃了。
其实有一说一,aigotools开源给的更多,适合有时间的人去研究,甚至还开源了figma设计,可以进行二次设计修改。但对我来说,不需要做什么多事,能顺利用就行。
也就是说,越多越复杂的内容,到最后build的时候越容易出问题,越简单越好!
tap4ai 优势:
aigotools 优势:
适合选择tap4ai的情况:
适合选择aigotools的情况:
我把这两个项目的对比做成了HTML帮助大家更好的理解:https://api.bggg.tech/website/38d3b2b5-ad88-4178-8a79-48da4359061b/
文章来自微信公众号 “ 饼干哥哥数据分析 ”,作者 饼干哥哥 专注数据分析思维及业务增长