企业官网建设流程全解析

一个网页应用，如何免费用上 500+ AI 模型、云存储和数据库？

【免费下载链接】puter🌐 The Internet Computer! Free, Open-Source, and Self-Hostable.项目地址: https://gitcode.com/GitHub_Trending/pu/puter

想让网页拥有 AI 对话、云盘或数据库，传统路线要申请 API Key、租服务器、写后端代码。Puter.js 把认证、存储、计费整条链路都替你扛了：页面里嵌入一个 script 标签，就能直接使用 puter 对象。用户用自己的 Puter 账户登录，消耗的资源由自己承担，你的基础设施成本恒为 $0。

以前卡住你的三件事，现在不再是问题

做带云端能力的网页应用，通常最劝退的就是下面三件事：

开发者文档放在 src/docs/src/ 目录，首页就把一个 script 标签能调用的能力都画了出来：

5 分钟跑起来：从 script 标签到第一次调用

第 1 步：引入库。在 HTML 头部加一行，即可使用全局 puter 对象：

<script src="https://js.puter.com/v2/"></script>

第 2 步：发起第一次调用。所有能力都挂在同一个 puter 对象下：puter.ai 是 AI，puter.fs 是云盘，puter.kv 是键值存储。比如 puter.fs.read('hello.txt') 就能读回用户云盘里的一个文本文件。

第 3 步：用户授权。首次调用需要个人资源的能力时，Puter 会自动弹出授权对话框，用户点一下"Continue"，认证、权限、计费就都完成了，你一行登录代码都不用写。

实战示例：不建数据库，把访问计数器存进云端

假设你做了一个个人主页，想显示"本站已被访问 N 次"，通常这需要一个后端加数据库。用 KV 数据库，数据直接存进访问者自己的账户里，天然按人隔离：

puter.kv.incr('visits').then((visits) => { puter.print(`本站已被访问 ${visits} 次`); });

每次打开页面自动加一，数值持久化在访问者的 Puter 账户中，不用建表、不用后端，也不会影响其他用户。各方法的用法可查 src/docs/src/KV/ 目录下的方法文档。

还能做什么：从 KV 存储到一条命令部署

• Serverless Workers：把一段 Node.js 函数放到云端跑，用 *.puter.work 地址对外提供接口，适合跨用户共享数据或需要后端逻辑的场景，见 src/docs/src/Workers/
• 静态站点托管：puter.hosting 把一个目录发布到互联网，直接得到 *.puter.site 子域名，适合快速把页面分享给别人，见 src/docs/src/Hosting.md
• CLI 工具：npm install -g @heyputer/cli 之后，puter fs cp 传文件、puter site deploy 一条命令上线网站，适合在终端批量管理，见 src/cli/README.md
• 自托管：整个仓库以 AGPL-3.0 协议开源，git clone https://gitcode.com/GitHub_Trending/pu/puter 后执行 npm start 就能拥有自己的云电脑，细节见 doc/self-hosting.md

它适合谁，又该怎么开始

适合想周末就发布 MVP 的独立开发者、用 AI 工具做应用的新手（无需配置意味着 AI 生成的代码更容易一次跑通），以及想在自家服务器上部署私有云电脑的团队。建议的上手顺序：先跑通 AI 对话示例，再复刻本文的 KV 计数器，然后尝试静态站点部署，最后再看自托管。官方文档入口在 src/docs/src/index.md，SDK 源码与说明在 src/puter-js/。

【免费下载链接】puter🌐 The Internet Computer! Free, Open-Source, and Self-Hostable.项目地址: https://gitcode.com/GitHub_Trending/pu/puter