年初的时候我做了一个AI编程工具的导航网站，打算流量上来后就可以接谷歌广告赚美金：
https://www.aicoding.help/cn
设想是根据AI编程开发的流程来推荐每个阶段的效率工具：灵感与想法、原型与设计、编程开发、数据库与存储、部署上线、扩展能力、数据分析、内容管理、协作与运营
目前挂在了vercel上，感兴趣可以去看看，但实际上还有很多问题，待一步一步解决。
具体这个网站是怎么做的，可以参考之前的文章，基于Tap4AI项目：2025穷鬼开发套餐：不花一分钱，部署一个AI导航网站全流程，附tap4ai、aigotools 对比
这个导航网站分成两部分
- 前端页面的展示，主要痛点就是怎么把网站设计的好看且合理
- 后端数据的处理，前端页面其实不存数据，每次用户打开网站的时候，都是直接从数据库里读数据的
这样的好处就是维护方便，因为前端页面要改的话是要重新部署上线的，很麻烦。
例如我数据库用的是Supabase，如果哪个内容写错了，我只需要对Supabase里的内容进行修改就行了，有新网站也可以直接在数据库里添加即可。
所以，目前这个网站的工作量在于后端，看着简单其实挺麻烦的，日常运营有以下几个动作：
- 提交新的网站
- 爬虫，去爬新的网站，截图，AI生成相应的描述
- 把描述翻译成多个语言，例如我至少是中英日
- 写SEO文章，让谷歌收录
具体可以看这个图：
目前这个后端是真的离谱，有一个单独的Python项目来跑，实在是太重了。
因为最近都在玩n8n，而且n8n对接的都是海外的服务，很适合出海做后端服务。
我在想是不是可以把这个Python后端转成n8n的工作流呢？
说干就干，一步一步来。
1、需求拆解
首先，解决第一步：提交新网站的需求。
在数据库，我有一个submit表，用户提交网站请求后，会插入到这里，包含名称、网址、分类、描述等字段，状态status是0
等爬虫把这网站爬完，处理好数据后，状态会更新为1，证明处理完了。
目前这一步我是很苦逼的自己写了个python脚本来手动插入数据的。
今天我们就来解决这个问题：通过n8n工作流提交网站到数据库supabase
2、n8n连接Supabase
首要任务就是让n8n连上Supabase
但在此之前，需要先找到两个关键的key：
在Supabase的Project Settings里找到API Keys，下面的service_role secret
同个目录的General找到Project ID
接着就可以回到n8，创建一个Supabase的Create a row节点
老规矩，先新建一个Credential，然后把前面找到的两个信息填入
其中Host，一般就是你的proejct id + supabase.co 后缀，如下图。
3、用例测试
测试一下，假设我们要提交bolt.new这个全栈AI开发网站
配置对应的信息
- Name: bolt.new
- Url: https://bolt.new/
- Category: 编程开发
- remark：Bolt is an in-browser AI web development agent for full stack web application development.
只要前面连接成功的话，这里就会自动从supabase中获取表格结构，你只需要去选字段就好了，非常方便
如下图，n8n表示测试成功
同时，在supabase里也能看到，多了一行。
4、完成工作流
在正式开发工作流之前，要先想清楚自己想要的产品是什么样子的。
例如当前这个项目，我想要的是：只要给一个网站，AI就能自动判断它是什么，并给出对应的信息，进而插入到Supabase表的位置。
这样拆解下来，就需要做：
- AI从用户给的信息中解析出网址
- 判断用户有没给更多信息，例如名称、描述、分类
- 如果没有，则访问该网址，判断是什么，生成名称、描述、分类
- 对结果进行结构化输出
- 传入到supabase的submit表
先看效果：
现在我只给一个魔塔社区的网站https://www.modelscope.cn/
就能看到AI Agent调用了Jina AI的工具去读网址，并且根据要求输出了格式
接下来看每个节点。
1. 新建一个AI Agent节点：
对接上前面的用户对话框里的输入
参考提示词：
我在给一个AI编程工具导航网站提交新的网站录用，需要你从用户给的信息中提取出以下内容：
```
{
"name":"这个网站工具的名称",
"Url":"这个网站的网址",
"Category":"分类，只能从 灵感与想法、原型与设计、编程开发、数据库与存储、部署上线、扩展能力、数据分析、内容管理、协作与运营 中选择一个",
"remark":"这个网站工具的简单介绍不超过50字"
}
```
更具体的，你需要做：
1. AI从用户给的信息中解析出网址
2. 判断用户有没给更多信息，例如名称、描述、分类
3. 如果没有更多信息，则要调用工具`jina AI reader`访问该网址，根据返回内容判断这网站是什么，生成名称、描述、分类
4. 对结果进行结构化输出
可以看到这个AI Agent还是挺能配置的，这就是n8n的优势，非常自由
在工具Tool的部分，配置一个Jina AI工具，这是一个能帮助我们读取网址内容的工具
很简单，用谷歌登录一下就有key了
如下图，URL这里可以让大模型自己去判断
格式化输出这里给个例子就行
2. 接着就可以连上Supabase节点了，把AI拆解好的内容分到对应位置：
非常简单！！
不过每次要打开n8n工作流里面去提交就太麻烦了，我们可以用n8n内置的表单功能
3. 新建一个表单
设置好需要的参数：
执行的时候，就自动生成好了一个表单网站了
因为新增了一个表单，传入到AI节点的数据结构不同了，所以我就添加了几个数据处理节点，最终同样也能向数据库提交数据。
至此，我们就完成了第一阶段的改造，把原先通过Python提交网站的功能，变成了n8n的工作流，并且可以通过表单的形式提交；甚至后面可以改成webhook的监听，或者改造成mcp，更加自由的添加网站。
可玩性非常高！！
接下来会继续更新用n8n驱动网站出海赚美金系列，帮助大家用n8n降低开发和运营成本。
欢迎关注催更。
文章来自于“饼干哥哥AGI”，作者“饼干哥哥”。
