Atoms怎么生成全栈Web应用 完整教程

用 Atoms 生成全栈 Web 应用，核心流程就三步：打开官网登录，用一句话把商业想法写清楚，然后等 AI 虚拟团队自动跑完调研、规划、编码、部署的完整链路。它跟普通 AI 建站工具最大的区别是，你拿到的不是一个静态页面或者一段代码片段，而是一个自带数据库、用户登录、支付接口的生产级应用，点发布就能上线收费。下面从打开官网到部署上线的每一步拆开说。

想免费用Atoms？点这里注册：Atoms官网，新用户送免费额度

第一步：打开官网并完成登录

• 浏览器打开 Atoms 官网 atoms.dev，右上角可以切换中文界面。
• 用邮箱或 Google 账号注册登录，首次登录会弹出新手引导，介绍虚拟团队的组成。
• 新用户注册后可获得免费额度，每天赠送 15 个积分，够跑通一个简单项目。
• 登录后进入主工作台，中间是一个大输入框，这就是你下达需求的地方。
• 确认积分余额已到账，没到账的话刷新页面看看。

第二步：用一句话描述你的全栈应用需求

• 在输入框里写清楚四要素：解决什么问题、目标用户是谁、必须有哪些功能、不要什么。
• 比如：“做一个销售线索看板，给运营每天筛选高意向客户用，包含状态筛选、备注、导出CSV，需要用户登录和按角色分配权限”。
• 需要全栈功能的话，把登录、支付、数据库这些关键词写进去，AI 会识别并自动集成对应模块。
• 输入框旁边选项目类型，选“Web”或“App”，选好之后点生成。

第三步：等待 AI 虚拟团队执行全流程

• 提交后 Atoms 启动多智能体协同，Iris 深度研究员先做市场调研和竞品分析。
• Emma 产品经理梳理需求文档和功能规划，Bob 架构师设计数据库结构和技术方案。
• Alex 全栈工程师编写前后端代码，自动生成页面、服务层和数据库表。
• 测试工程师跑自动化用例，数据分师配置分析面板，SEO 专员做上线准备。
• 整个过程几分钟到十几分钟不等，加载期间别频繁中断页面。

第四步：预览生成结果并检查功能

• 生成完成后进入预览界面，先确认页面能正常打开，不是只给你一堆代码说明。
• 点几个按钮试试有没有反馈，避免出现点了没反应的控件。
• 检查登录功能能不能正常注册和登录，数据库有没有正常读写。
• Atoms 支持可视化编辑器，可以拖拽修改页面组件、调整布局、替换文字，非技术人员也能微调。
• 大方向对了就进入下一步，小问题直接描述修改点。

第五步：用自然语言迭代修改功能

• 在对话框里用中文提修改意见，比如“把筛选器移到顶部”“增加导出按钮”“把主题色改成蓝色”。
• AI 团队会理解指令并自动更新对应页面或功能，不需要你手动找代码。
• 修改建议拆成小步提交，一次只改一个地方，方便确认每步效果。
• 改了好几次都不对的话，可能是最初的需求描述不够清楚，回输入框补充更具体的说明。
• 每次修改都消耗积分，改之前想清楚要改什么，别反复试错浪费额度。

第六步：配置支付和用户系统

• Atoms 自带 Stripe 支付集成、用户登录鉴权、对象存储、数据库等开箱即用的组件。
• 在项目设置里找到支付模块，按引导绑定你的 Stripe 账号，就能让应用直接收费。
• 用户系统支持邮箱注册、第三方登录、角色权限管理，按需在设置里开启。
• 数据库表结构在生成时已自动创建，需要加字段的话在对话里说清楚，AI 会自动迁移。
• 这些配置不用写代码，都是在可视化界面里点选完成。

第七步：部署上线并生成公开链接

• 点“发布”按钮，配置域名，可以用 Atoms 提供的子域名，也可以绑定自己的域名。
• 点“生成部署链接”，系统自动完成部署，生成一个可公开访问的 URL。
• 复制链接用无痕窗口验证一下加载是否正常，确认页面能打开、功能能正常用。
• 部署后还可以继续用自然语言让 AI 团队迭代版本、更新功能、修复问题。
• Pro 及以上档位支持自定义域名和去除 Atoms 标识，免费版默认带标识。

第八步：分享给团队评审或客户演示

• 在已发布的项目页面点“共享”图标，输入对方邮箱，设置权限为“可评论”或“可编辑”。
• 对方登录后会在“共享给我的”栏目里看到这个项目，点击进入带批注工具的评审视图。
• 如果对方没有 Atoms 账号，直接发公开链接即可访问。
• 做客户演示或团队评审时，用这个链接比发代码仓库方便得多。
• 评审反馈可以继续作为迭代指令输入给 AI 团队。

第九步：查看数据分析面板

• Atoms 内置 David 数据分析师角色，可以追踪用户行为、生成分析报告。
• 在项目后台点“Analytics”面板，能看页面跳出率、表单提交率、用户留存等核心指标。
• 这些数据帮助你判断产品是否真的有市场需求，而不是凭感觉觉得应该有人用。
• 根据数据反馈继续让 AI 团队优化产品，形成“上线-收集数据-迭代”的闭环。
• 数据分析面板在免费版和付费版都能用，只是付费版额度更多。

第十步：积分消耗和付费判断

• Atoms 用积分计费，每次生成和修改都消耗积分，按任务复杂度浮动。
• 免费版每天 15 积分，够跑一个简单项目；Pro 档 $20/月给 100 积分；Max 档 $100/月给 500 积分。
• 先用免费额度跑一个真实的小需求，记录消耗了多少积分，再推算你一个月需要多少。
• Pro 档解锁私有项目、代码下载、自定义域名；Max 档额外解锁 Race Mode 和更高算力。
• 先注册把免费额度用掉，确认 Atoms 交付的应用符合你的预期，再决定为哪个档位付费。