↑

CloudBase Web端AI模型调用v1.0.0

cloudbase-references-ai-model-web2 KB

在浏览器/Web前端（React/Vue/Angular等）接入腾讯云CloudBase AI能力时触发。支持通过@cloudbase/js-sdk调用混元、DeepSeek等模型进行文本生成与流式输出，包含完整的初始化、鉴权、类型定义与最佳实践指引。

0 0 0 0 更新于 2026-10-28 18:24

免责声明：本站部分 Skill 来源于公开渠道，使用前请注意识别相关风险，内容版权归原作者所有，如 Skill 涉及版权问题，请在线反馈，核实后予以下架处理。

概述

本 Skill 面向需要在浏览器或 Web 前端项目中集成 AI 文本生成能力的开发者。基于 @cloudbase/js-sdk 提供完整的客户端接入方案，覆盖 SDK 初始化、匿名鉴权、模型创建到实际调用的全链路。支持混元（hunyuan-exp）与 DeepSeek 两大内置服务商的多款模型，提供非流式的 generateText() 与流式的 streamText() 两种调用模式，并附带完整的 TypeScript 类型定义与错误处理建议，帮助前端应用快速实现对话生成、内容续写等 AI 交互功能。

技能包含

  • SKILL.md（本文件）：技能主说明，包含触发条件、模型选型、代码示例与类型定义

核心能力

  • Web 端 SDK 接入：提供 @cloudbase/js-sdk 的安装、初始化与匿名登录完整代码
  • 文本生成：支持 generateText() 非阻塞调用，返回完整文本、Token 消耗与消息历史
  • 流式输出：支持 streamText() 三种消费方式——文本片段迭代、数据块迭代、终态结果获取
  • 模型选型指引：内置混元与 DeepSeek 的推荐模型版本，减少选型成本
  • 类型安全：提供 BaseChatModelInput、GenerateTextResult、StreamTextResult 等完整 TS 接口

应用场景

用户怎么说本技能做什么
"我要在 React 页面里接入混元大模型做智能问答"给出 SDK 初始化、创建 hunyuan-exp 模型、调用 generateText/streamText 的完整代码
"前端怎么实现打字机效果的 AI 回复"提供 streamText 的 textStream 异步迭代方案，逐段渲染增量文本
"调用 CloudBase AI 报鉴权失败"检查初始化顺序与匿名登录要求，给出 accessKey 配置与认证前置条件
"DeepSeek 模型在前端怎么选版本"推荐 deepseek-v3.2，并给出模型创建与参数配置的示例代码