---
title: 宠物写真方案 - 获取 AI 素材资源
summary: 宠物写真方案的 AI 素材资源获取模块，通过 getAiFilterTemplates API 获取模板素材。交互流程为 B 端上传资源到涂鸦云→面板获取资源→C 端使用并实时预览，AI 素材配置需联系项目经理。
---

## 获取 AI 素材资源

<div style="display: flex; align-items: center; justify-content: flex-start; margin-top: 20px;">
<img alt="获取 AI 素材资源" src="https://images.tuyacn.com/rms-static/16c21c40-7842-11f0-9fb9-e1834df84344-1755088569348.jpg?tyName=AIEdit.jpg" width="250" style="margin-right: 10px;">
</div>

### 功能介绍

AI 素材资源在初始化导入阶段依赖下述关键能力：

- [getAiFilterTemplates](/cn/miniapp/develop/ray/api/ai/aiPet/getAiFilterTemplates):通过该 API 面板侧可获取到 B 端客户配置好的 AI 素材资源。

### 交互流程

```mermaid
sequenceDiagram
    participant B端
    participant 涂鸦云
    participant 面板
    participant C端

    rect rgb(240, 245, 255)
        Note over B端,涂鸦云: 1. 资源初始配置
        B端 ->> 涂鸦云: 上传AI素材资源包
        涂鸦云 ->> 涂鸦云: 存储并生成资源ID
        涂鸦云 -->> B端: 返回配置确认
    end

    rect rgb(230, 255, 240)
        Note over 面板,涂鸦云: 2. 资源获取阶段
        面板 ->> 涂鸦云: getAiFilterTemplates(B端ID)
        涂鸦云 ->> 涂鸦云: 验证B端权限
        涂鸦云 -->> 面板: 返回资源包(JSON+文件URL)
        面板 ->> 面板: 缓存至本地
        loop 文件下载
            面板 ->> 涂鸦云: 请求资源文件
            涂鸦云 -->> 面板: 返回二进制数据
        end
    end

    rect rgb(255, 250, 230)
        Note over 面板,C端: 3. C端使用阶段
        面板 ->> 面板: 解析资源包
        面板 ->> C端: 渲染UI组件
        loop 用户交互
            C端 ->> 面板: 选择AI滤镜/素材
            面板 ->> C端: 实时预览效果
        end
    end

    rect rgb(255, 230, 230)
        Note over 面板,涂鸦云: 4. 缓存更新(规划中)
        面板 ->> 涂鸦云: 定时检查资源版本
        alt 有新版本
            涂鸦云 -->> 面板: 返回增量更新包
            面板 ->> 面板: 热更新缓存
        end
    end
```

### 注意事项

- 1. AI 素材资源配置教程相关信息，请联系您的项目经理或 [提交工单](https://service.console.tuya.com/8/3/list?source=support_center) 咨询。