用 Base44 做带登录和 Stripe 付费的日记 App

Mikey 在 Base44 里用 6 条 Gemini 4 Argon 提示词做出液态玻璃风日记 App Lumen:标签搜索、AI 反思、注册登录、Stripe 付费会员,最后统一打磨。

Mikey No Code · YouTube · 发布于 2026年10月19日 · 软件开发与运维

用 Base44 做带登录和 Stripe 付费的日记 App,Mikey No Code 的视频▶ 在 YouTube 观看
提示词
创建 [Lumen] 日记 App,采用苹果 iOS 26 液态玻璃设计:柔和渐变背景、磨砂玻璃卡片、玻璃质感导航,首页有每日记录卡片,按日期排列的记录列表,以及带标题、正文和五种心情的编辑器。记录保存到数据库。标签、搜索、AI、账号和支付先不做,留到后面。

图解

Mikey 在 Base44 里用 6 条发给 Gemini 4 Argon 的提示词做出了完整的日记 App Lumen,功能是一层层加的,而不是一条大提示词。最后他以全新用户的身份测试已发布的 App,从注册一路走到 Stripe 付费升级。

要解决的问题: 大多数 AI 做 App 的视频在第一条惊艳的提示词后就结束了。真正的考验是:做到第 10 个决定时,模型还能和前 9 个保持一致吗?

六条提示词,从想法到付费 App

  1. 选模型在 Base44 的模型选择器里手动选 Gemini 4 Argon(需要 Builder 或更高套餐)
  2. 1. 应用骨架液态玻璃界面、首页、记录列表、带五种心情的编辑器,保存进数据库
  3. 2. 整理功能标签、收藏、搜索、筛选、日历和连续书写卡片
  4. 3. AI 功能带追问的“反思”按钮、每日写作提示、助手聊天气泡
  5. 4. 账号注册、登录、每个用户的记录相互私密、个人资料页;然后发布
  6. 5. 付费会员4 位 PIN 锁定记录、洞察页,以及 Stripe 测试模式订阅
  7. 6. 打磨统一玻璃质感、空状态、加载提示、移动端布局
  8. 实测上线的 App新用户注册,用 Stripe 测试卡升级,并检查手机尺寸
输入设置 / 手动发给 Gemini 4 Argon 的提示词成果

他如何保持前后一致

  1. 在第 1 条提示词里定好设计,之后每个功能都沿用。
  2. 每条提示词都说明哪些功能留到后面。
  3. 每条提示词都重申:保持现有的液态玻璃设计。
  4. 每加一层都先测试,再加下一层。

关键数字

6提示词总数
5每条记录的心情选项
4 位锁定记录的 PIN
24:08视频时长

自己做一个分层 App

同样的方法也适用于其他 App 想法:先做基础功能,再用小提示词逐步加功能。

  1. 打开 Base44,点提示框下方的模型按钮,选择 Gemini 4 Argon。
  2. 提示词 1:描述设计、主要页面和要保存的数据,并列出留到后面的功能。
  3. 提示词 2 和 3:先加整理功能,再用 Base44 内置的 AI(不需要 API key)。
  4. 提示词 4:要求注册、登录和按用户隔离的私密数据,然后点击发布。
  5. 提示词 5:要求会员功能,并以测试模式接入 Stripe;支付只能在已发布的 App 里使用。
  6. 提示词 6:要求全局打磨设计,重新发布,再以全新用户的身份测试,包括手机尺寸。

要测试已发布版本,而不只是预览,因为功能上线后表现可能不同。

搭建中的经验

  • 第一条提示词很容易;考验在于后面的提示词能否与前面保持一致。
  • Base44 内置了身份验证、AI 集成和 Stripe,不用从零搭建。
  • Stripe 结账在 Base44 预览里不能用,必须先发布。
  • 使用 Stripe 测试模式和测试卡,不会扣真钱。
  • 收尾前以新用户身份把整个 App 端到端测一遍。

根据视频字幕提炼

怎么上手

  1. 打开 Base44。
  2. 复制提示词,把 [方括号] 里的内容换成你自己的。
  3. 观看 Mikey No Code 的视频,了解完整流程和配置方法。

相关用例

分享

微博XTelegram