How to Run OpenAI & Claude on the Frontend Without Leaking Your API Keys 🤯

如何在前端运行 OpenAI 和 Claude 而不泄露你的 API 密钥 🤯

We’ve all been there: you want to build a cool AI-powered feature for your frontend app, but then reality hits. You have to spin up a Node/Python backend just to hide your OpenAI or Anthropic API keys so no one steals them and runs up your bill. Not anymore. Puter.js completely flips the script. 🔄 我们都经历过这种情况：你想为前端应用构建一个很酷的 AI 功能，但现实却很骨感。你必须搭建一个 Node 或 Python 后端来隐藏你的 OpenAI 或 Anthropic API 密钥，以防被他人窃取并产生高额账单。现在，这一切都变了。Puter.js 彻底改变了游戏规则。🔄

What is it? Puter.js is a serverless JavaScript library that lets you build full-stack, AI-powered applications directly in the browser. 它是什么？Puter.js 是一个无服务器（serverless）JavaScript 库，让你能够直接在浏览器中构建全栈式的 AI 应用。

Why it’s a game-changer: 为什么它具有颠覆性：

Zero Backend Required: You can call models like GPT-4o, Claude, and DALL-E directly from your client-side JavaScript. 无需后端：你可以直接从客户端 JavaScript 调用 GPT-4o、Claude 和 DALL-E 等模型。

No API Keys to Manage: You don’t hardcode any keys. Puter handles the authentication. 无需管理 API 密钥：你不需要硬编码任何密钥，Puter 会处理所有的身份验证。

Users Pay, Not You: When a user interacts with your app’s AI features, Puter bills their account or usage limits, not yours. You can build viral AI apps without worrying about a surprise $10,000 bill! 💸 用户付费，而非你付费：当用户与你应用的 AI 功能交互时，Puter 会扣除他们的账户余额或使用额度，而不是你的。你可以构建病毒式传播的 AI 应用，而不必担心突然收到 10,000 美元的账单！💸

All-in-One Cloud: Beyond AI, it gives you instant access to cloud storage, NoSQL databases, and hosting with simple JS commands. 一体化云服务：除了 AI 功能，它还通过简单的 JS 命令让你即时访问云存储、NoSQL 数据库和托管服务。

If you want to prototype and deploy AI apps at lightning speed, check out docs.Puter.com! 👉 如果你想以闪电般的速度原型设计并部署 AI 应用，请查看 docs.Puter.com！👉

Have you built anything with Puter yet? Let me know in the comments! 你用 Puter 构建过什么项目吗？欢迎在评论区告诉我！