迷茫焦虑期,我做了一个带支付带官网的 AI 聊天虚拟恋人 App

版权声明:本人文章仅在掘金平台发布,请勿抄袭搬运,转载请注明作者及原文链接 🦉

阅读提示:网页版带有主题和代码高亮,阅读体验更佳 🍉

很久没在掘金写文章了,这次回来,想聊点别的。

这两年行业衰退想必大家都有体会。我的前端开发起点是很低的,刚入行时只有 5000 块月薪。第二份工作月薪勉强,虽然后来有文章有开源项目,但是行业衰退的大势下,再换工作也很难有合适的机会。时代大势下,无人可以幸免,我自己其实也一直动摇。

很想卷,但是卷不动,能力低不成高不就,自然也就不想挪动了。

说到底,中心思想出了问题,最核心的未来方向没有头绪。

一方面心比天高,总想尝试下自己的职业天花板。从业以来,我的履历都是很一般的,没去过大厂,也没单挑过非常有技术难度的项目。另一方面呢,我个人也比较厌倦内卷,技术日新月异的当下,学到头秃也很难将这些技术转化为经济效益,自然也就没动力去卷新技术了。

我不知道前进的方向在哪里。

加上年龄上来了,很多生活的事扑面而来。技术人要面对的事比普通人要多太多,除了保持技术的迭代,还要保持高强度的工作,然后是恋爱婚姻、父母老去甚至亲人离世。很多问题等着你去面对,对生活就会多很多思考。技术虽然给了你一份体面的工作,但是也将你拉进加班、衰老、孤独的空洞中,离开了碳基生命,技术还有意义吗?

这是我时常会思考的问题。说直白点,我已经忘记了时间的流逝了,很久没有闻到青草和泥土的味道了,这不是简单的回一趟家,爬一次山就能解决的问题。中断工作,我就会饿死,就像一头驴,被拴在一盘磨上了。

所以,为了缓解这种焦虑,我总想做点什么。

啵啵音乐 是一次新技术的尝试,去年 ai coding 还不是很成熟,所以 啵啵音乐 是纯手搓的 app。

今年我刷抖音,刷到了很多 ai 虚拟恋人的应用,一下就被吸引了,赶上了 codex 和 claude 爆发,我决定 vibe coding 一个 ai 虚拟恋人 app。

主要是我也找不到其它具有转化经济效益的需求了,没办法,技术人都是这样的,远离市场,只会闭门造车。

但是我已经想好了,这次,我不是做一个简单的纯前端玩具,我要分析需求、设计产品、设计 ui、归纳会员体系、实现支付功能、搭建官网、搭建管理后台。

我要做一个具备完整商业化流程的 app,一个商用级的产品 ------ 或者说玩具。

这并不简单,这需要掌握一定的云服务器、ip 购买、域名备案、公安备案、服务端部署等知识。这对于纯前端来说,ai coding 之前毫无疑问是需要堆经验的,好在现在有了 ai。

不过对于不少人来说,仍然是不小的门槛,就拿支付一个问题,估计难倒不少英雄好汉。

有经验的同学别着急喷,你懂,你觉得没什么,那是因为你受了知识诅咒,没法想象不懂的人是什么样,对于不懂的人来说,这里面的门道是没法想象的。

但是这篇文章,我不想讲服务怎么部署,nginx 怎么配置,域名怎么购买。说实话,这些在 ai 时代都不算难题。

我想分享几点经验:

1、服务器的选购。如果你想快速验证商业模式,你不想麻烦,你就买香港或者境外服务器,好处就是不需要什么 ICP 备案,公安备案。没经验的同学想象不到,一个 ICP 备案就需要两三周的时间,审核很慢,ICP 备案后是公安备案,公安备案要求域名服务商必须是国内的服务商,否则备不了案,备不了案那你的 ICP 备案就得作废,网站得关停。就这么说吧,你在阿里云上买的域名大概率是国外服务商,并且转为国内服务商似乎也挺麻烦的。总而言之,不要买国内服务器就对了。

2、关于支付。其实我试了好几种技术方案,最终还是觉得最简单最安全最稳妥的方案是走 xorpay。不了解的同学问下豆包。它的审核门槛很低,文档对接也简单,最主要的是支持唤起支付宝微信直接支付。支付宝又是最简单门槛最低的,所以我推荐大家做个人产品时,使用 xorpay。

3、code agent 怎么选?我在项目初期使用 deepseek,agent 的话使用了 deepseek-gui,resonix,甚至 claude。整体使用下来呢,我觉得各有优缺点,限制主要还是在大模型本身。但是一些 ui 设计、项目骨架的搭建还是能用的。只不过系统代码量上来后,就开始乱套了,deepseek 需求记不住 bug 改不动。后面我就切到 codex,使用顺滑了很多,可惜就是太贵了,大体量的 app 开发,只有 pro 会员才能支持得住,然而 200 刀确实也肉疼,我都是开 plus 然后蹭公司的额度解决下燃眉之急。反正差距大家都清楚,想做好还是得用 codex 或者 claude。

4、需求。不要闭门造车!不要闭门造车!不要闭门造车!只有真正戳中人们需求痛点的产品,才会有人付费,ai 虚拟恋人虽然有付费群,但是运营推广是很难的,这种难对所有 app 产品都是一样的。我虽然抱着玩玩的心态,但是毕竟不是专业的,简单发发抖音有几个用户其实我已经满足了。我这个 app 本身就很简单,也不复杂,我觉得没人付费很正常,打通整个商业流程我已经达到目的了。

讲到这里,其实已经没啥可以说的了,好久没写文章,很多坑没填,也没机会填了估计。碎碎念了几句话,希望对大家有帮助。

最后,给大家看看网站:falling。

如果要抄我的 ui 风格,记得艾特我下就行,我也能蹭蹭流量。

请大佬不要攻击网站,生存不易。

往期推荐

🔥🔥🔥2.5W字!8个场景问题!带你了解最实用的 git 操作!!! 40+ 👍🏻 50+ 💚

爆肝两个月,我用flutter开发了一款免费音乐app 80+ 👍🏻 102+ 💚

搭建一个快速开发油猴脚本的前端工程 24+ 👍🏻 42+ 💚

金九银十招聘季,IT 打工人,该怎么识别烂公司好公司? 70+ 👍🏻 80+ 💚

为什么就这个文件的 ESLint 检查失效了?

学会 TypeScript 体操,轻松看懂开源项目代码

别人休息我努力,悄悄写个 cli 工具,必须提升效率,skr~ 60+ 👍🏻 110+ 💚

一文掌握 eslint,再也不怕项目报错 20+ 👍🏻 30+ 💚

开发一个 npm 库应该做哪些工程配置? 40+ 👍🏻 50+ 💚

分享我在前端学习与开发中用到的神仙网站和工具 40+ 👍🏻 110+ 💚

uniapp 踩坑记录(二) 130+ 👍🏻 150+ 💚

闲来无事,摸鱼时让 chatgpt 帮忙,写了一个 console 样式增强库并发布 npm 100+ 👍🏻 110+ 💚

uniapp 初体验踩坑记录 30+ 👍🏻 60+ 💚

两小时学会 JS 正则表达式,终身不忘 50+ 👍🏻

【一年前端必知必会】如何写出简洁清晰的代码 50+ 👍🏻

【一年前端必知必会】了解 Blob,ArrayBuffer,Base64 40+ 👍🏻 90+ 💚

相关推荐
hpoenixf9 分钟前
专家、Subagent、Review、Judge:都是另一个模型,为什么不是同一回事?
人工智能
深蓝AI2 小时前
26.1% 的 Agent 技能带漏洞:skills 霸榜 GitHub 当天,NVIDIA 和 OpenAI 同时掏出安检仪
人工智能·程序员
deli0072 小时前
手机20%突然关机?电量百分比是估的,SOC曲线4组实测
前端
脚本自动化开发7 小时前
柔光屏平板怎么选?华为 MatePad Air Z 柔光版学
后端
锋行天下7 小时前
langgraph 后端发自定义数据,前端接收方法概括
人工智能·python
程序猿DD8 小时前
OctaFuse 2.19.0:重做管理后台界面与交互,模型目录同步更新
后端
金銀銅鐵8 小时前
带您看懂字节码指令(一):一帧里有什么
java·后端·ai编程
泯泷9 小时前
单个 AI 再强,为什么也干不过一支 AI 团队?
人工智能·llm·agent
浪遏9 小时前
认识 wm:从多平台发布到可扩展 CLI 的架构设计
人工智能
深蓝AI9 小时前
英伟达换帅当天,我先跑了一遍 GPU 环境体检:版本矩阵比人事更值得盯
人工智能·gpu