Coze 驱动的宠物冰球工作流构建与项目代码实践

让AI帮你定制专属宠物冰球图片，轻松又有趣！

一、项目背景与最终效果

你是否曾幻想过让你的宠物穿上冰球队服，化身冰场小明星？本项目基于Coze空间工作流，结合AI图片生成能力，实现宠物冰球图片的自动化定制。最终效果如下：

用户上传宠物图片
选择队服风格、颜色、编号等参数
一键生成专属宠物冰球图片

二、Coze空间工作流配置详解

Coze空间工作流是自动化AI任务的利器。配置流程如下：

1.在Coze空间中新建工作流，配置输入参数（如图片、风格、编号、颜色等）

参数设计建议：

picture：用户上传图片
style：定制图片风格（如"写实"）
uniform_number：衣服编号（如10）
uniform_color：衣服颜色（如红色）
position：球员位置（如前锋）
shooting_hand：持杆的手（如右手）

小贴士：参数命名要简洁明了，方便后续代码集成。

2. 设置好默认参数

可以在设置输入值的时候就可以直接定义默认值

也可以添加一个代码节点进行设置默认值

3. 获取图片中动物的具体特征

添加一个图像识别的插件进行设置

4. 通过豆包对动物进行特征提取

通过一些简单的系统提示词让豆包对图片识别出来的内容进行提纯

5.根据提取好的动物特征和输入的参数生成图片

利用图片生成插件输入正确导向的提示词让AI按照我们输入的参数进行图片生成

6. 输出结果

7. 进行发布

将工作流发布到我们的个人空间中, 这样我们才能在项目代码中对自己的工作流进行调用

三、个人访问令牌的获取与使用

API调用需要身份认证，Coze空间采用个人访问令牌机制。

进入Coze空间API授权页面

点击"新建个人访问令牌"

权限的勾选看自己的需求

复制生成的令牌
在代码中使用个人访问令牌（如下示例）

js 复制代码

const COZE_TOKEN = '你的个人访问令牌';
const headers = {
  'Authorization': `Bearer ${COZE_TOKEN}`,
  'Content-Type': 'application/json'
};

温馨提示：令牌请妥善保管，切勿泄露。

四、完整代码实现与调用示例

前端采用React + Vite，核心代码如下：

jsx 复制代码

// 上传图片到Coze
  async function uploadFile() {
    const formData = new FormData()
    const inputFile = fileRef.current.files[0]
    if (!inputFile) return
    formData.append('file', inputFile)
    const res = await fetch(uploadUrl, {
      method: 'POST',
      headers: {
        'Authorization': `Bearer ${patToken}`
      },
      body: formData
    })
    const ret = await res.json()
    if (ret.code !== 0) {
      console.log(ret)
      return
    }
    return ret.data.id
  }
// 省略部分代码，仅展示核心API调用逻辑
async function generatePetHockeyImage(params) {
  // 上传图片
  const file_id = await uploadFile()
  const response = await fetch('COZE_API_URL', {
    method: 'POST',
    headers,
    body: JSON.stringify({
        workflow_id,
        parameters: {
          picture: JSON.stringify({file_id}),
          style,
          uniform_number,
          uniform_color,
          position,
          shooting_hand,
        }
      })
  });
  const result = await response.json();
  // 处理返回的图片链接
}

用户界面支持图片上传、参数选择，交互友好。详细代码可访问我的个人仓库进行查看。

→ 代码仓库地址

具体调用流程可以查看官方文档进行查看 www.coze.cn/open/docs/d...

五、常见问题与解决方案

图片上传失败？ 检查图片格式和大小，建议使用jpg/png，大小不超过5MB。
API认证报错？ 请确认令牌有效且未过期。
生成图片效果不理想？ 可尝试调整风格参数或更换图片。
网络请求超时？ 检查网络环境，或增加请求超时时间。

如果遇到奇葩Bug，不妨在评论区留言，和大家一起头脑风暴！😄

结语

通过Coze空间工作流与AI图片生成技术，宠物冰球图片定制变得前所未有的简单。快来试试吧，让你的宠物闪耀冰场！

技术让生活更有趣，AI让创意无限！