不会写代码,怎么给家乡特产搞一个能收钱的网站?我把全过程拆给你
文章目录
摘要:太行深处苹果站的完整拆解。要准备哪些资料、开哪些账号、用什么工具、每一步怎么跟 AI 说、开售前查什么,有需要的可以收藏一下。
上一篇讲了我怎么在不到 24 小时里,把卖家乡苹果的网站 apple.defou.ai 搞上线。
如果你老家也有好东西,也想搞一个这样的网站,到底要准备啥?
这篇就不讲故事了,我把整个过程拆成一份清单。我一个文科生,也是边做边踩坑,下面这些都是踩完之后整理的,有需要的可以收藏一下。
先说一句大实话:写代码这部分 AI 能包圆儿,但资料、账号和决定只能你自己来。 你准备得越齐全,想得越清楚,AI 返工就越少。
我最后做出来的是什么
先看看成品 太行深处苹果|河北邢台太行山苹果·家庭装与礼盒装|得否科技出品
1、两款零售商品,支付宝、微信、银行卡都能付,偏远地区自动加运费 2、认领一棵果树,付一次钱,季内分批预约发货,每次可以填不同地址 3、社区活动申请苹果的表单 4、订单查询、礼物寄语、开发票、苹果地图 5、管理后台:订单详情、录物流单号、改库存、审核申请、快速退款 6、新订单推到 Telegram,每天早上 9 点一份日报
第一步:先把资料攒齐
这一步最容易被跳过,也最影响结果。我当时就是边做边补,好几样东西上线前又改了一遍,挺折腾的。
开工前,建议把这些攒齐:
商品信息。 有几款,每款几个、单个多重、一箱多重、卖多少钱。页面、计价、详情页全靠它。
成本账。 货本身、包装、快递、支付手续费,一箱一箱算清楚。这个不用公开,但你自己必须有数,不然定价一定出问题。
库存。 每款能卖多少。开售前要录进去,不录根本下不了单。
发货规则。 用哪家快递、多久发货、偏远地区怎么收运费。这些既要写进页面,也要写进计价逻辑。
售后规则。 坏了怎么赔,还要定一个赔付上限。我就是漏了上限,后来 AI 帮我检查时才发现,有种极端情况会赔得比卖得还多。
销售截止日。 生鲜一般都有季节,尤其是“认领”这种分批发货的,一定要有截止日。
公开信息的口径。 产地写到多细、家里人要不要出镜。这个后面细说。
品牌名和 Logo。 没有也没关系,可以让 AI 出几版,你来挑。
图片。 商品图、产地图。没有实拍可以先用 AI 图占位,后面再换。
联系方式。 微信号、二维码、社媒主页,页脚和“加我微信”要用。
开票和授权。 谁来开发票,有没有商标或产地授权。如果收款的公司和开票的公司不是同一个,先去问问会计。
第二步:开好这几个账号
1、域名:网站地址,托管在 Cloudflare 最省事 2、Cloudflare:部署网站、存订单、存图片、防刷单、保护后台 3、Stripe:收款,能开银行卡、支付宝、微信支付 4、GitHub:备份代码,建一个私有仓库 5、Google 账号:用来登录管理后台 6、Telegram:收订单通知,机器人可以让 AI 现场帮你建
Stripe 要注意一下,它需要一个 Stripe 支持地区的主体来开户,我用的是香港的个人 Stripe 账户。具体要求和费率,以 Stripe 官方为准。
AI 工具我用了两个:Claude 写需求文档,帮我追问细节;Codex 桌面版写代码、部署、配置,另外装了官方的 Stripe 插件,它能直接帮我操作 Stripe。
第三步:先让 AI 追问你,再写 PRD
PRD 就是一份“我要一个什么样的网站”的说明书。不用写得多专业,把你的想法一条条列出来就行。
我一开始只写了七条:域名、Stripe 收款、两种规格、销量地图、首页介绍、认领果树、赞助社区活动。
关键是这句提示词:
我想做一个卖家乡 XX 的网站,需求如下:…… 请你帮我写一份 PRD。有不清楚的地方先列出来,一个一个问我,问完再更新文档。顺便按我给的成本,帮我算算每个商品的利润。
AI 一共追问了我 11 个问题。这些问题你迟早都得回答,在写代码之前回答,是最便宜的。
第四步:把 PRD 丢给开发 AI
提示词:
帮我根据这个 PRD 开发网站:[PRD 文件路径] 技术栈严格按文档里的来。先在本地做出能跑的版本,然后告诉我需要提供哪些接口和授权。
一定要盯住它第一轮的回复。我这边它跑偏了两次,一次想用现成的建站模板,一次没按文档里的技术栈来。当场拉回来,成本最低。
我这次的技术栈是:Astro + React 写页面,部署在 Cloudflare Workers,D1 存订单,KV 做缓存,R2 存图片,Turnstile 防机器人刷单,Cloudflare Access 保护后台。说实话这些名词你不用懂,让 AI 按 PRD 来、别自由发挥就行。
大概 40 分钟,第一版就能在本地打开了。
第五步:支付一定先在沙盒里跑通
Stripe 有个“沙盒”,就是独立的测试环境,不会真扣钱。
建法:登录 Stripe 后台,点左上角账号名,选“切换至沙盒”,再点“创建沙盒”,名字随便起,选复制当前账户的设置。
然后让 AI 在沙盒里把这几件事测一遍: 1、银行卡、支付宝各付一笔,订单自动变“待发货” 2、同一个付款通知发两次,不会重复发货 3、下单不付款,过期后库存自动释放 4、部分退款、全额退款,订单和统计都对 5、偏远地区的运费算对了
网站用的密钥,要建成“受限密钥”,只开必须的权限。我只开了 Checkout Sessions 的写权限。
登录密码、手机验证码、创建正式收款密钥,这几步一定自己来。 AI 会停下来等你,千万别把密码或密钥发到聊天框里。
第六步:部署上线,测试站和正式站分开
让 AI 建两套环境:一套测试站,连 Stripe 沙盒,随便折腾;一套正式站,用独立的数据库,不带任何测试订单。
提示词:
把网站绑定到 [你的域名]。正式站使用独立的数据库和缓存,不要带入沙盒的测试订单和库存。先保持不开售。
还没准备好的话,可以让它先把正式站暂停,访问时显示“暂未开放”,改好了再接通。我中途就暂停过一次。
第七步:清理干净,切到正式
开售前,让 AI 把这几件事做了: 1、删掉所有测试横幅、模拟支付按钮、演示订单 2、模块标题、按钮文案逐个过一遍 3、加上联系方式,我加了推特主页和“加我微信”弹窗 4、Stripe 和 Cloudflare 切到正式环境 5、录入真实库存,确认开售时间
第八步:这四样东西,越早补越好
后台登录。 后台做好了,不等于你能登录。我用 Google 账号授权,只允许我自己一个邮箱进。
订单详情。 用“明天要发货的人”的视角,把后台从头点一遍。我就是这时候才发现,订单里没有收件人、电话、地址和物流单号。
订单通知。 付款成功推一条,每天早上推一份日报,通知里别放买家姓名、电话和地址。我本来想推到个人微信,但要过第三方服务,就换成了 Telegram。
代码备份。 让 AI 建一个 GitHub 私有仓库,每改一次同步一次。上传前确认密钥、数据库、日志都没传上去。
第九步:体验优化
手机端只留一条路。 我第一版手机端照搬电脑版,稀碎。重做后只留“买苹果”“认领果树”两个入口,地址集中填,金额和付款按钮固定在底部,贺卡发票折叠成选填。
提示词:
移动端只保留商品展示和付款,其他页面先不展示。简化付款流程,让客户可以很快填收货信息付款。
图片一定要压缩。 我的头图一度要加载将近 10 秒,压完从 172KB 降到 34KB,再配上长期缓存,快多了。
搜索配置。 让 AI 把每个页面的标题、描述、关键词补齐,加上站点地图和商品、问答的结构化数据。再写一页清清楚楚的选购和配送问答,人看得懂,搜索引擎和 AI 搜索也更好引用。我还接了 Google Search Console 和访问统计。
开售前,最后过一遍
1、用自己手机,在微信里打开网站,真付一笔小额订单,再退掉 2、支付宝、微信、银行卡各试一次 3、后台能看到这笔订单的完整收件信息,能录物流单号 4、订单通知收到了 5、手机上不同宽度都不会横向溢出 6、公开页面没有测试文案,没有不想公开的个人信息 7、售后规则写清楚了,赔付有上限
后面还要一点一点再迭代
24小时做出来的版本就可以上线了,也不用等一切完美再开卖,先开起来,边卖边迭代网站。
下一篇聊聊,我为啥要折腾这套系统,它能不能赚钱,以及为什么我决定开源。
想尝尝河北苹果的朋友,可以提前预约下单,感谢你跟我一起AI助农~




