提示与交付

提示与交付

如何从 AI 构建器获得更好的结果，并把它的产出安全地推向生产环境。

• 如何在Google Play上发布应用：Play Console的真实操作步骤 — 如何在Google Play上发布应用：开发者账户、创建应用、商店listing、应用内容表单、12名测试者的封闭测试和正式版发布。
• 如何在App Store上发布应用：从TestFlight到审核通过 — 如何在App Store上发布应用：开发者计划、App Store Connect、TestFlight、商店页面、App隐私信息、提交审核以及被拒的处理。
• 如何使用 Google AI Studio：Playground、Build 模式与用 Gemini 进行 vibe coding — 如何使用 Google AI Studio：在 Playground 中测试 Gemini，获取 API 密钥，在 Build 模式中用 vibe coding 做应用，并判断何时转向全栈构建器。
• Vibe Coding 安全吗？真实风险与发布前必查事项 — Vibe coding 安全吗？可以，但要做到位。本文讲解真实风险（数据泄露、密钥暴露、滥用）、如何保护密钥，以及发布前 30 分钟的检查清单。
• Vibe Coding 教程：新手如何入门，一步一步来 — 面向零基础用户的 vibe coding 教程：选工具、写第一条提示词、测试、修复，并在一个下午内发布一个小应用。无需编程基础。
• 30 条可直接复制的 Vibe Coding 提示词（速查表） — 30 条可直接复制粘贴的 vibe coding 提示词，按阶段分组：首次构建、规划、设计、数据、修复 bug、测试、安全和发布。
• 用 ChatGPT 做 Vibe Coding：Canvas、Codex 与从 ChatGPT 构建应用 — 如何用 ChatGPT 做 vibe coding：在对话中快速做原型，用 Codex 处理真实代码库，并借助 Mythex 从 ChatGPT 构建带数据库的线上应用。
• 用 Claude 做 Vibe Coding：Claude 对话、Claude Code 与从 Claude 构建应用 — 用 Claude 做 vibe coding 的三种方式：在 Claude 对话中快速做小应用，用 Claude Code 处理你的项目，以及通过 MCP 从 Claude 构建并发布完整应用。
• 如何让网站适配移动端 — 让任何网站在手机上正常使用：viewport 标签、移动优先布局、弹性图片、点击目标、表格和表单，以及提示词和测试清单。
• 如何为网站添加博客：方案、SEO 与设置 — 如何为网站添加博客：Markdown 文件、内置编辑器还是 CMS，子目录还是子域名，SEO 基础，以及用 AI 构建博客的提示词。
• 如何为网站添加联系表单（并确保能收到消息） — 如何添加一个真正好用的联系表单：保存留言、收到邮件提醒、防止垃圾信息，并避开那些会悄悄丢失咨询的常见错误。附提示词。
• 如何为你的应用添加数据库（避免日后丢数据） — 如何为你构建的应用添加数据库：何时需要、Postgres与托管方案对比、表结构设计、可用的提示词，以及导致数据丢失或泄露的常见错误。
• 如何为你的应用添加AI功能 — 通过LLM API为应用添加摘要、聊天、数据提取和分类功能，同时确保密钥安全、成本可控、输出可信。
• 如何为你的应用添加分析：GA4、注重隐私的工具与产品分析 — 如何为网站或应用添加分析：Google Analytics 4、注重隐私的工具与产品分析对比，应追踪什么，Cookie同意，以及可用的提示词。
• 如何为你的网站添加Cookie同意功能 — 添加真正会在用户同意前阻止脚本的Cookie横幅：哪些需要同意、CMP与自定义方案对比、Google同意模式及检查清单。非法律意见。
• 如何为你的网站或应用添加深色模式（且没有白屏闪烁） — 如何添加深色模式：跟随系统设置或添加切换按钮，使用颜色令牌，避免加载时的白屏闪烁，并检查对比度。附提示词。
• 如何为你的应用添加文件上传：存储、限制与安全 — 如何让用户在你的应用中上传图片和文档：文件应存放在哪里、大小与类型限制、私有文件、可用的提示词以及常见错误。
• 如何为你的应用添加登录：密码、魔法链接、Google和角色权限 — 如何为你构建的应用添加用户登录：邮箱加密码、魔法链接、Google登录、角色与权限，以及保持会话安全。
• 如何为你的应用添加地图：嵌入式地图、交互式地图与门店定位 — 如何为应用添加地图：免费嵌入与Google Maps、Mapbox或Leaflet对比，API密钥、免费用量上限、地址编码、提示词及需避免的错误。
• 如何为应用或网站添加多种语言 — 让你的应用支持多语言：翻译文件、语言切换器、每种语言的 URL、hreflang、日期与货币、从右到左的排版以及内容。
• 如何为应用添加通知：应用内、邮件和推送 — 为 Web 应用添加通知：对比应用内铃铛、邮件和 Web 推送，如何存储和发送通知，用户偏好设置，以及让用户反感的错误做法。
• 如何为应用添加支付：结账、订阅与 Webhook — 如何在你构建的应用中收款：Stripe 付款链接、Checkout 与订阅对比、Webhook、测试模式、正式上线，以及税务相关注意事项。
• 如何为应用添加基于角色的访问控制（RBAC） — 安全地为应用添加角色和权限：选择模型、存储角色、在服务端检查每个请求，并测试用户无法查看他人的数据。
• 如何为应用添加搜索：从简单筛选到全文搜索 — 如何为应用添加搜索：简单筛选、数据库全文搜索或托管搜索引擎，该选哪一种、用什么提示词，以及要避免的错误。
• 如何使用 Stripe 添加订阅：套餐、试用、Webhook 与付款失败处理 — 使用 Stripe 添加定期计费：订阅模式的 Checkout、试用期、客户门户、需要处理的 Webhook 事件，以及银行卡扣款失败时该怎么办。
• 如何为应用添加双重验证 — 分步为应用添加 2FA：验证器应用验证码、通行密钥与短信对比，注册流程、恢复码、服务端检查，以及需要避免的错误。
• 如何备份应用数据库（并确保能真正恢复） — 面向小型应用的数据库备份实用指南：备份什么、pg_dump 如何工作、备份频率、副本存放位置，以及如何测试恢复。
• 如何构建 REST API：设计、安全与部署 — 分步构建 REST API：资源与路由、HTTP 方法与状态码、输入校验、身份认证、分页、速率限制、文档与部署。
• 如何将自定义域名连接到你的应用或网站 — 如何把你自己的域名连接到应用或网站：购买域名、需要添加哪些 DNS 记录、HTTPS、www 与根域名的区别，以及排查常见错误。
• 如何将 Google 表格连接到你的应用 — 在应用中读写 Google 表格：服务账号、OAuth 与 API 密钥的区别，Sheets API 调用、配额、公式安全，以及何时迁移到数据库。
• 如何调试 AI 搭建的应用：一套实用方法 — 逐步修复 AI 搭建应用中的 bug：复现问题、读懂报错信息、使用浏览器开发者工具、准确描述问题，以及必要时回滚。
• 如何用 AI 设计一款好看的应用 — 让 AI 设计出有考量、而不是千篇一律的应用：收集参考案例，确定设计语言，控制间距、字体和配色，并做好反复迭代。
• 如何导出并自托管 AI 搭建的应用 — 如何把 AI 搭建的应用代码导出，并在其他地方运行：导出或同步到 GitHub、密钥管理、迁移数据库，以及选择合适的托管平台。
• 如何修复网站或应用部署后出现的 404 错误 — 本地页面正常，部署后却出现 404？逐步修复单页应用的路由回退、末尾斜杠、大小写敏感的路径、缺失的构建文件和 API 路由。
• 如何修复 Web 应用的白屏问题 — Web 应用为什么会出现白屏，以及如何修复：查看控制台、找出缺失的文件和错误的基础路径、设置环境变量，并修复崩溃和路由问题。
• 如何修复 CORS 错误（以及它为什么会出现） — CORS 错误是什么意思，浏览器为什么会拦截跨源请求，以及如何在服务器端修复（包括预检和凭证），或改用同源 API 来避免。
• 如何将 Claude API 集成到你的应用中 — 将 Anthropic 的 Claude API 添加到你的应用：API 密钥、Messages API、系统提示词、流式输出、429 和 529 等错误、消费上限，以及安全的服务端调用。
• 如何将 OpenAI API 集成到你的应用中 — 安全地将 OpenAI API 添加到你的应用：API 密钥与项目、Responses API、服务端调用、流式输出、消费上限、速率限制和错误处理。
• 如何在不弄坏的前提下迭代 AI 构建的应用 — 每次只改一小部分来改进 AI 构建的应用：描述你看到的问题，提前规划大的改动，测试每一条提示词，并回滚而不是不断叠加修复。
• 如何保障应用中 API 密钥的安全 — 让 API 密钥远离你的代码、浏览器和聊天：将其保存为机密，只在服务端使用，设置访问限制，并轮换任何已泄露的密钥。
• 如何让你的网站无障碍：WCAG 2.2 入门指南 — 让每个人都能使用你的网站：语义化 HTML、键盘操作、对比度、替代文本、表单与焦点，对照 WCAG 2.2 AA 标准检查，并附清单。
• 如何让你的网站更快：实用检查清单 — 先测量，再优化拖慢网站的因素：图片、JavaScript、字体、第三方脚本和服务器响应。附 Core Web Vitals 目标和 AI 提示词。
• 如何迁移WordPress网站且不丢失内容或排名 — 将WordPress网站迁移到新平台：列出URL，导出文章和媒体，重建设计，导入内容，设置301重定向，并安全地切换DNS。
• 如何从Lovable迁移到Mythex（代码、数据和域名） — 分步将Lovable应用迁移到Mythex：通过GitHub导出代码，决定后端和数据的去向，导入项目，重新添加密钥并正式上线。
• 如何降低应用的托管成本 — 降低应用的托管账单：找出正在运行的内容，让闲置的应用和数据库休眠，停止持续轮询，减少带宽，并删除无人使用的内容。
• 如何审查AI生成的代码 — 审查AI编写代码的实用方法：先检查改动内容，再测试行为，然后查找缺失的权限检查、泄露的密钥以及虚构的API。
• 如何在Web应用中运行后台任务：队列、调度器与Cron — 如何在Web应用中运行后台任务和定时任务：进程内任务、数据库队列、托管任务服务和外部调度器，以及客观的权衡。
• 如何从应用发送邮件（并进入收件箱） — 让应用发出的邮件顺利到达收件箱：事务性邮件与营销邮件的区别、选择服务商、设置 SPF、DKIM 和 DMARC，以及邮件送达率基础知识。
• 如何为您的应用设置预发布（Staging）环境 — 设置预发布环境：应用的第二份副本，拥有独立的数据库、测试密钥和网址，在真实用户看到改动之前先在这里检查。
• 如何在您的网站上设置 Google Analytics 4 — 分步设置 Google Analytics 4：账户、媒体资源、网站数据流、Google 代码、单页应用页面浏览、关键事件和同意管理。
• 如何为您的网站设置 Google Search Console — 将您的网站添加到 Google Search Console：选择网域或网址前缀资源，验证所有权，提交站点地图，并查看真正重要的报告。
• 如何把 AI 原型做成可用于生产的应用 — 把 AI 搭建的原型变成真实用户可以放心使用的应用：测试、安全、错误监控、备份、性能和规范交接。
• 上线前如何测试你的应用：实用发布前测试计划 — 小型应用的发布前测试计划：测试主要流程、边界情况、权限、手机端、支付和线上网址，并附带完成检查清单。
• 如何在 AI 构建的应用中使用 Git — 在 AI 构建的应用中使用 Git：每次有效修改后提交，写清楚提交信息，风险较高的改动用分支处理，AI 弄坏东西时安全地撤销。
• 如何与开发者合作开发 AI 构建的应用 — 让开发者加入你用 AI 构建的应用：为其提供代码权限和背景信息，约定各自负责修改的部分，清晰界定工作范围，并保留所有权。
• 如何撰写一份好的 Bug 报告（供 AI 或开发者使用） — 撰写能够一次就被修复的 Bug 报告：清晰的标题、准确的复现步骤、预期结果与实际结果、错误信息、运行环境和截图。
• 如何为 AI 应用构建工具撰写提示词（附前后对比示例） — 让 AI 应用构建工具准确做出你想要的效果的提示词模式：应该包含什么、可以省略什么、前后对比示例，以及如何逐步迭代。
• 如何撰写用户故事（含示例与验收标准） — 撰写开发者和 AI 构建者都能执行的用户故事：“作为 / 我希望 / 以便”格式、验收标准、拆分方法，以及好与坏的示例对比。
• AI 构建应用安全检查清单：上线前需要检查什么 — 面向 AI 构建应用的实用安全检查清单：登录与权限、密钥、输入验证、用户数据隔离、速率限制、依赖项和备份。
• AI 构建网站的 SEO：真正重要的是什么 — 为什么 AI 构建的单页应用在搜索中可能表现不佳，以及如何解决：预渲染、标题与元标签、站点地图、结构化数据、速度和内容。