快速开始

把任意技术栈写出的生成器接入 Atomm:创建生成器 → 引入一行 SDK 并接入能力 → 本地实时预览调试 → 提交审核上架。不需要安装任何命令行工具。

只要能产出静态 Web 文件即可

纯 HTML、Vite、Vue、React…… 任意技术栈都行。Atomm 通过浏览器端 SDK 与你的应用通信,不限制你的构建方式。

端到端流程

1. 在开发者后台创建生成器

先取一个名称作为公开标识(以小写字母开头,仅含小写字母、数字与连字符 -,创建后不可修改——它会成为运行子域名与访问路径的一部分),创建后进入应用详情页继续完善。这个名称在下一步本地预览与最终上架都会用到。

2. 在应用中引入 SDK 并接入能力

在你的页面里加入一行 script 获得全局 atomm 对象:

<script src="https://static-res.atomm.com/scripts/js/generator-sdk/platform-sdk.js"></script>

再按需接入平台能力。以导出为例分两步——放一个导出按钮占位元素(SDK 会就地把它渲染成 Export 按钮),并注册 export 钩子提供结果文件:

<!-- 放在页面任意位置,SDK 就地把它渲染成 Export 下拉 -->
<div data-atomm-export-button></div>
// 平台在用户点导出时反拉你的结果文件
atomm.lifecycle.on('export', async () => ({ filename: 'design.glb', blob }))

详见 atomm 对象导出能力

3. 本地起服务,在浏览器里实时预览验证

本地启动你的服务(例如 http://localhost:5173),用第 1 步的生成器名称拼出预览地址,把本地地址填进 ?local=(仅支持 localhost / 127.0.0.1 等回环地址):

https://www.atomm.com/creativetools/community/generator/<生成器名称>?local=http://localhost:5173/

DevTool 会把你的本地应用放进与线上一致的运行环境里实时预览,右侧接入助手面板提示 SDK 是否已引入、列出可接入的平台能力,你可在预览里验证导出等能力是否被正确调用。也可以直接在应用详情页的「本地调试」卡片里填入本地地址一键打开。详见 本地调试

4. 上传产物、提交审核、上架

在应用详情页配置卡片展示资料、上传打包产物并提交审核。通过后自动上架到 https://www.atomm.com/creativetools/community/generator/[生成器名称],用户在生成器聚合页即可直接打开使用,无需安装。详见 提交审核与上架

准备好上架你的生成器了吗?
在开发者后台创建生成器、配置展示资料并提交审核,通过后即可上架生成器聚合页。
Esc
输入关键词搜索全部文档 · 切换 · 打开