【案例共创】基于华为开发者空间Versatile agent平台快速搭建智能搜索可视化应用-优快云博客

一、概述

1. 案例介绍

华为开发者空间支持一站式AI智能应用开发，不仅支持一键开发智能体Agent、部署MCP，也能接入外部大模型。
通过实际操作，帮助开发者快速了解华为开发者空间-Versatile Agent能力，以及如何通过Versatile Agent接入外部大模型。

2. 适用对象

企业
个人开发者
高校学生

3. 案例时间

本案例总时长预计60分钟。

4. 案例流程

说明：

大模型接入，如智谱、Kimi、DeepSeek等；
创建MCP，安装方式支持npx、uvx、sse等；
创建智搜可视化智能体；
发布体验智能体。

5. 资源总览

本案例预计花费0元。

资源名称	规格	单价（元）	时长（分钟）
华为开发者空间 - Versatile Agent平台	系统标配	免费	60

二、模型接入

在平台中，模型接入的方法很很多中，这里我们可以使用平台预置的模型服务或者自主接入其他模型服务。

1. 配置模型服务

参考案例《Versatile Agent中自定义接入大模型配置华为云Maas指导》中的“一、领取和二、在Versatile Agent中配置模型”章节内容，领取和购买ModelArts Studio DeepSeek-V3 轻量体验包（¥3.50）。开通商用模型服务，最后获取API地址、API Key的参数值。

三、创建MCP

1. 创建WebSearchMCP

在【开发者空间】–【开发平台】–【Versatile Agent】–【组件库】–【我的MCP】–点击【创建】进入创建MCP服务，选择【空白模板】，点击下一步：

-服务名称： WebSearchMCP
-服务描述： Web Search API 是一个专给大模型用的搜索引擎，在传统搜索引擎网页抓取、排序的能力基础上，增强了意图识别能力，返回更适合大模型处理的结果（网页标题、网页URL、网页摘要、网站名称、网站图标等）。
服务介绍：意图增强检索：支持智能识别用户查询意图，自动判断是否需要网页检索
结构化输出：返回适合LLM处理的数据格式（含标题/URL/摘要/网站名/图标等）
多引擎支持：整合智谱自研引擎及主流搜索引擎（搜狗/夸克）
支持指定范围搜索：可自定义返回的搜索结果数量、域名、时间范围等指定搜索，并可调整网页摘要的字数，帮助实现搜索行为的精细化管控
可灵活控制输出结果时间：响应参数可设置网页发布时间字段，便于时效性分析和排序
-安装方式： SSE
-使用JSON格式编辑（注意将YOUR API Key替换为2.1的智谱api_key）：
{
  "mcpServers": {
    "zhipu-web-search-sse": {
      "url": "https://open.bigmodel.cn/api/mcp/web_search/sse?Authorization=YOUR API Key"
    }
  }
}

2. 创建TrendsHub

按照第1步的操作创建TrendsHub,此处不再详细介绍

-服务名称： TrendsHub
- 服务描述： https://github.com/baranwang/mcp-trends-hub
基于 Model Context Protocol (MCP) 协议的全网热点趋势一站式聚合服务
- 安装方式： NPX
- 使用JSON格式编辑：

{
  "mcpServers": {
    "trends-hub": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-trends-hub@1.6.2"
      ]
    }
  }
}

3. 创建HotNewsMCP

按照第1步的操作创建HotNewsMCP,此处不再详细介绍

- 服务名称： HotNewsMCP
- 服务描述： https://github.com/wopal-cn/mcp-hotnews-server
一个提供实时热门话题的模型上下文协议（MCP）服务器，内容来自中国主要社交平台和新闻网站。
- 安装方式： NPX
- 使用JSON格式编辑：
{
  "mcpServers": {
    "mcp-server-hotnews": {
      "command": "npx",
      "args": [
        "-y",
        "@wopal/mcp-server-hotnews"
      ]
    }
  }
}

4. 创建MCPServerChart

按照第1步的操作创建MCPServerChart,此处不再详细介绍

- 服务名称： MCPServerChart
- 服务描述： https://github.com/antvis/mcp-server-chart
 一个可视化 mcp 包含 25+个视觉图表，使用。用于图表生成和数据分析。
- 安装方式： NPX
- 使用JSON格式编辑：
{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ]
    }
  }
}

MCP 服务安装完毕之后可以刷新一看确认状态，也可以点进去看看MCP 定义的工具。如下图所示：

四、创建部署智能体

1. 创建智能体

在【开发者空间–开发平台】–【Versatile Agent】–【智能体】-【单智能体应用】-点击【创建应用】进入智能体创建页面：

应用名称：智搜可视化Agent
描述：一站式智能搜索与数据可视化专家，助您高效挖掘信息宝藏，直观呈现数据洞察，轻松驾驭复杂数据，提升决策效能。

2. 添加提示词

参考提示词如下

## 角色定义
你是一名专业的“智搜数据可视化Agent”，专注于为用户提供智能数据搜索、趋势分析及可视化展示服务。你的核心能力是通过调用不同的MCP（Model Context Protocol）模块，精准满足用户的数据查询与可视化需求
## 可调用工具
你有四个MCP模块可供调用，每个模块有明确的用途和调用场景：
### 1. TrendsHub
- **功能**：热点趋势数据查询与分析
- **调用场景**：当用户需要查询各类热点趋势数据时（如搜索趋势、流行趋势、话题热度等）
- **调用规则**：仅在用户明确表达需要查询热点趋势数据时调用
### 2. HotNewsMCP
- **功能**：热点新闻获取与聚合
- **调用场景**：当用户需要获取最新热点新闻、热门资讯时
- **调用规则**：仅在用户明确表达需要查询热点新闻时调用
### 3. WebSearchMCP
- **功能**：常规网页搜索
- **调用场景**：当用户需要进行常规信息搜索、资料查询时
- **调用规则**：作为默认搜索工具，在非热点数据查询场景下调用
### 4. MCPServerChart
- **功能**：数据可视化图表生成
- **调用场景**：在通过其他MCP获取到数据后，需要将数据以图表形式展示时
- **调用规则**：获取数据后，根据用户需求或数据特性自动调用生成可视化图表
## 工作流程
1. **需求分析**：仔细理解用户的查询意图，判断是热点数据查询还是常规搜索
2. **工具选择**：
   - 热点趋势查询 → 调用 TrendsHub
   - 热点新闻查询 → 调用 HotNewsMCP
   - 常规信息搜索 → 调用 WebSearchMCP
3. **数据获取**：通过相应的MCP获取所需数据
4. **数据可视化**：获取数据后，调用 MCPServerChart 将数据转化为直观的图表
5. **结果呈现**：向用户提供包含数据分析和可视化结果的完整回答
## 交互风格
- **专业准确**：确保数据查询和可视化结果的准确性
- **清晰易懂**：用简洁明了的语言解释数据分析结果
- **主动服务**：根据用户需求主动推荐合适的可视化方式
- **灵活应变**：能够根据用户的反馈调整搜索策略和可视化方案
## 注意事项
- 严格遵守各MCP的调用规则，避免不必要的工具调用
- 在获取数据后，优先考虑数据可视化，提升用户体验
- 如遇到数据获取失败或可视化异常，及时向用户说明情况并提供替代方案

3. 添加MCP

添加上文中定义的MCP服务，依次添加前边步骤创建的4个MCP服务。

可按需调整模型参数、推荐问题等，调试效果满意之后即可发布 Agent。

4. 模型选择

选择前边步骤配置的华为云MaaS的DeepSeek-V3模型,如下图所示：

5. 发布服务

点击右上角【发布】或【更新发布】按钮完成Agent发布。

6. 测试验证

跳转到发布管理页，点击【立即访问】发布的智能体，进入体验界面。

根据自己的兴趣搜索想要的新闻和数据吧。
例子如下图所示：

请帮我搜索下中国大中城市的房价数据，并以表格的形式呈现出来