알리클라우드 백 레디 MCP 서비스 평가 및 에이전트 구축 사례

가까운 미래에.MCP(모델 호출 프로토콜)은 기술 업계에서 자주 사용되는 용어가 되었습니다. 간단히 말해MCP 대규모 언어 모델(LLM)을 위한 외부 도구 또는 서비스 사용 프로세스를 간소화하도록 설계되어 개발자와 사용자의 복잡한 AI 애플리케이션 구축 장벽을 크게 낮춰줍니다. 관련 프로토콜이 출시되면서 최근 몇 달 동안 다음과 같은 지원 문의가 쇄도하고 있습니다. MCP 도구 및 서비스.

그러나 MCP 사용 논리(자연어를 통해 AI에 요구)는 비교적 직관적이지만, 구성 프로세스는 종종 매우 복잡합니다. 현재 다음 항목에 대한 지원이 제공됩니다. MCP 다음과 같은 클라이언트 소프트웨어 Claude 또는 AI 기능이 통합된 IDE Cursor자체에는 일정한 학습 곡선이 있습니다. 더 중요한 것은 구성 MCP 서비스는 종종 특정 런타임 환경을 설치해야 하고 사용자가 명령줄 도구를 이해하고 사용해야 하는 경우가 많기 때문에 비전문가인 많은 개발자에게는 장벽이 될 수 있습니다. 이전 튜토리얼에서 이러한 단계를 자세히 설명하려고 노력했지만 여전히 일부 사용자는 이러한 단계를 이해하고 조작하는 데 어려움을 호소하고 있습니다.

업계는 플랫폼이 다음을 간소화할 것으로 기대합니다. MCP 구성 프로세스를 통해 앱 스토어처럼 원클릭 배포가 이상적으로 가능합니다. 최근에는阿里云百炼 이 플랫폼은 업계 최초로 전체 라이프사이클 관리를 제공하는 것으로 이러한 요구에 부응했습니다. MCP 서비스. 이 서비스는 기업, 개발자, 개인 사용자까지 시각적 인터페이스를 통해 쉽게 구축 및 관리할 수 있도록 설계되었습니다. Agents 원클릭 배포를 위한 애플리케이션 MCP 서비스.

阿里云百炼 평지붕 건물 MCP 서비스의 주요 기능은 다음과 같습니다:

1. 원클릭 배포복잡한 운영 및 유지 관리가 필요 없는 원클릭 솔루션을 제공합니다. MCP 서비스 배포.
2. 풍부한 MCP 공급: 내장 MCP 공식 및 타사 마켓플레이스를 포함한 마켓플레이스 MCP 도구.
3. 저렴한 서비스 호스팅탄력적 확장 및 종량제를 위한 기능 기반 컴퓨팅 리소스.
4. 전체 링크 도구 호환성상담원 및 워크플로우에서 빠르게 참조할 수 있습니다. MCP 서비스.

예비 테스트 결과阿里云百炼 이 플랫폼은 다음과 같은 기능을 대폭 간소화합니다. MCP 배포 및 구성 프로세스를 간소화했습니다. 이제 사용자는 기본 환경의 세부 사항을 신경 쓸 필요가 거의 없으며, 서비스를 켜고 나면 곧바로 MCP 설정 Agents 애플리케이션.

다음은 사용 방법을 보여주는 두 가지 예입니다. 阿里云百炼 (명목식 형태로 사용됨) MCP 실용적인 서비스 구축 Agents 애플리케이션.

사례 1: Gold Weather MCP와 결합하여 날씨 시각화 웹페이지 생성하기

첫 번째 사례는 골드맵의 MCP 이 서비스는 특정 위치의 날씨를 쿼리하여 AI가 사용자 지정 스타일의 일기 예보 웹 페이지를 생성할 수 있도록 합니다.

1단계: AutoNavi MCP 서비스 활성화하기

먼저 阿里云百炼 플랫폼(https://bailian.console.aliyun.com/?tab=mcp#/mcp-market) MCP 마켓플레이스. 마켓플레이스를 검색하여 "AutoNavi 오픈 플랫폼" 제품을 찾아보세요. MCP 서비스. 보고서에 따르면 AliCloud 시스템 내의 서비스로서 MCP 는 공개 버전보다 더 풍부한 기능을 제공할 수 있습니다.

클릭하여 서비스를 엽니다.

2단계: 스마트바디 애플리케이션 만들기

서비스가 활성화되면 '애플리케이션' 탭에서 '애플리케이션 관리'로 전환하고 '애플리케이션 추가' 버튼을 클릭합니다. 일반적으로 애플리케이션 유형으로 "스마트 바디"를 선택하는 것이 적절합니다.

3단계: 애플리케이션 구성

애플리케이션 구성 인터페이스로 들어갑니다. 먼저 플랫폼에서 기본적으로 권장하는 기본 모델을 선택합니다. 通义千问 Max. 원본 저자의 시도를 기반으로 합니다.DeepSeek 당시에는 모델링이 완전히 지원되지 않는 것으로 보였습니다. MCP 호출하는 경우 호환성을 보장하기 위해 처음에는 권장 모델을 사용하는 것이 좋습니다.

다음으로, 인텔리전스에 다음을 추가합니다. MCP 서비스로 이동합니다. "+MCP" 버튼을 클릭하고 팝업 사이드바에서 방금 연 GODE를 선택합니다. MCP 서비스.

4단계: 프롬프트 작성

마지막 단계는 AI에게 작업 수행 방법을 지시하는 큐 단어를 작성하는 것입니다. 다음은 AI가 프론트엔드 엔지니어 역할을 하고 날씨를 호출하도록 지시하는 예제 큐입니다. MCP 를 사용하여 특정 스타일(넷플릭스 스타일)로 웹 페이지를 생성할 수 있습니다. 사용자가 복잡한 단서를 작성하는 데 익숙하지 않은 경우阿里云百炼 이 플랫폼은 큐워드 최적화 기능도 제공합니다.

# 角色
你是一位专业的前端开发工程师，擅长使用 HTML5、TailwindCSS 3.0+、JavaScript 以及相关的库和工具，能够根据用户输入的位置查询当天及未来七天的天气内容，生成一个具有网易云音乐风格视觉设计的动态天气预报网页。
## 技能
### 技能 1: 天气数据获取
- 根据用户提供的位置信息，调用天气 API 获取当天及未来七天的天气数据。
- 确保数据的准确性和时效性。
### 技能 2: HTML5 页面构建
- 使用 HTML5 构建基础的网页结构。
- 确保页面结构清晰、简洁，并符合语义化标准。
### 技能 3: TailwindCSS 3.0+ 样式设计
- 通过 CDN 引入 TailwindCSS 3.0+，并利用其类名系统进行样式设计。
- 设计符合网易云音乐风格的视觉效果，白色底色配合与 #FE1110 相近的颜色作为高亮。
- 强调超大字体或数字突出核心要点，画面中有超大视觉元素强调重点，与小元素的比例形成反差。
- 运用高亮色自身透明度渐变制造科技感，但不同高亮色不要互相渐变。
### 技能 4: 动态效果实现
- 使用 Framer Motion（通过 CDN 引入）实现页面动效。
- 模仿 Apple 官网的动效，向下滚动鼠标时配合动效，提升用户体验。
### 技能 5: 数据可视化
- 使用专业图标库如 Font Awesome 或 Material Icons（通过 CDN 引入）进行数据可视化。
- 避免使用 emoji 作为主要图标。
- 可以引用在线的图表组件，确保样式与主题一致。
### 技能 6: 中英文混用
- 页面中采用中英文混用的方式，中文大字体粗体，英文小字作为点缀。
- 确保文字排版美观、易读。
### 技能 7: 代码优化
- 保证代码的可维护性和扩展性。
- 代码注释清晰，便于后续维护。
## 限制
- 页面设计必须符合网易云音乐风格，白色底色配合与 #FE1110 相近的颜色作为高亮。
- 页面中的文字应中英文混用，中文大字体粗体，英文小字作为点缀。
- 不能省略内容要点，确保所有关键信息都展示在页面上。
- 不要使用 emoji 作为主要图标。
- 动态效果需模仿 Apple 官网的动效，向下滚动鼠标时配合动效。
- 所有使用的库和工具（如 Framer Motion、TailwindCSS 3.0+、Font Awesome 或 Material Icons）都通过 CDN 引入。
- 生成的 HTML 页面需要通过 Artifact 输出。

5단계: 실행 및 테스트

구성이 완료되면 오른쪽의 대화 상자에 원하는 위치(예: "베이징")를 입력합니다. 스마트 바디가 자동으로 Gaode MCP 날씨 데이터를 가져와서 큐워드에 필요한 HTML 웹 페이지 코드를 생성합니다. 사용자는 플랫폼에서 제공하는 아티팩트 출력에서 생성된 웹 페이지를 보고 다운로드할 수 있습니다.

(원본 문서의 작성자가 사용자 경험을 위한 공유 링크를 제공했습니다: https://bailian.console.aliyun.com/share/e1204f6a3d2f4d419f55a492c8aa8699?memoryId=). e1384d68e5a044eeaa1dfeb558322d66)

사례 2: 웹 콘텐츠 요약 및 메모 작성을 위한 Firecrawl과 Flomo MCP의 결합

두 번째 경우는 조금 더 복잡한 경우로, AI가 주어진 웹 페이지의 콘텐츠를 자동으로 크롤링하여 요약한 후 태그와 함께 요약본을 저장하는 것이 목표입니다. Flomo 을 클릭합니다. 이 사례에는 두 개의 타사 MCP 서비스:Firecrawl(웹 크롤링용) 및 Flomo(노트 필기용).

1단계: API 키 가져오기

타사 서비스가 사용되기 때문에 먼저 적절한 API Key.

• 파이어크롤 API 키액세스 :: 액세스 Firecrawl 공식 웹사이트(https://www.firecrawl.dev/app/api-keys)에 로그인한 후 사이드바에서 API Keys 메뉴를 생성하거나 복사하려면 API Key 대체.

  

• Flomo API액세스 :: 액세스 Flomo 공식 웹사이트(https://v.flomoapp.com/mine?source=incoming_webhook)에서 백업할 고유 기록 API 주소를 복사합니다.

  

2단계: 파이어크롤 및 Flomo MCP 서비스 활성화하기

돌아오다(또는 가다) 阿里云百炼 (명목식 형태로 사용됨) MCP 마켓플레이스, 검색 및 찾기 Firecrawl 노래로 응답 Flomo (명목식 형태로 사용됨) MCP 서비스. 서비스를 열 때 이전에 획득한 비밀번호를 입력하라는 메시지가 표시됩니다. API Key 또는 API 주소를 입력합니다.

3단계: 인텔리전트 바디 애플리케이션 생성 및 구성하기

애플리케이션 관리로 다시 이동하여 새 SmartBody 애플리케이션을 만듭니다. 기본 모델을 선택합니다(또한 권장). 通义千问 Max)를 클릭하고 "+MCP" 버튼을 통해 방금 연 MCP를 추가합니다. Firecrawl 노래로 응답 Flomo MCP 서비스.

4단계: 프롬프트 작성

웹 크롤링, 요약 및 기록을 통해 AI를 안내하는 단서를 작성하여 Flomo 미션에 대한 정보를 제공합니다.

원저자의 경험에 따르면 웹 페이지에 대한 직접 링크를 제공하는 것만으로는 AI가 올바르게 호출하는 데 충분하지 않을 수 있습니다. Firecrawl MCP. 모델에 전달해야 하는 매개 변수가 명확하지 않을 수 있습니다. 이 경우, 명시적인 MCP 문제를 효과적으로 해결할 수 있는 호출 매개변수의 예입니다.

참조 큐 단어는 다음과 같습니다:

# 角色
你是一位内容整理专家，负责查询和总结用户输入的网页内容，并将相关内容总结后用中文记录到 Flomo 中，同时添加适当的标签。
## 技能
### 技能 1: 查询和总结网页内容
- 根据用户提供的网页链接，使用 Firecrawl MCP 工具获取网页的 Markdown 内容。
- 阅读并理解网页的主要内容，用中文提取关键信息和要点。
- 将提取的信息进行简洁而全面的总结。
### 技能 2: 记录到 Flomo
- 调用 Flomo MCP 将总结的内容记录到 Flomo 中。
- 确保记录的内容格式清晰、易于阅读。
- 在记录内容时，添加适当的标签以便于后续查找和分类。
### 技能 3: 添加标签
- 根据总结的内容，选择 1 个合适的标签。
- 标签格式为 `#` 后面加词语，每个标签后换行。
- 标签添加在最前面。
- 确保标签准确反映内容的主题和关键词。
## 限制
1. 总结的内容必须为中文。
2. 只需要一个标签。
3. 标签 # 号与词语之间不要有空格。
## Firecrawl MCP 工具的示例查询代码为：
{
"name": "firecrawl_scrape",
"arguments": {
"url": "https://example.com",
"formats": ["markdown"],
"onlyMainContent": true,
"waitFor": 1000,
"timeout": 30000,
"mobile": false,
"includeTags": ["article", "main"],
"excludeTags": ["nav", "footer"],
"skipTlsVerification": false
}
}

5단계: 실행 및 테스트

대화 상자에 요약할 웹 페이지의 링크를 입력합니다. 스마트바디가 성공적으로 호출할 수 있어야 합니다. Firecrawl MCP 페이지 가져오기 Markdown 콘텐츠를 요약한 다음 Flomo MCP 태그가 지정된 요약을 사용자의 Flomo 계정.

이 두 가지 사례를 통해 알 수 있듯이阿里云百炼 플랫폼의 전체 수명 주기 MCP 이 서비스는 다음을 활용할 수 있는 기회를 제공합니다. MCP 구성 (STH 추상) Agents 애플리케이션은 특히 구성과 배포를 간소화하고 사용 장벽을 낮추는 측면에서 큰 편의성을 제공합니다. 이는 외부 도구와 서비스를 AI 애플리케이션에 빠르게 통합하고자 하는 개발자와 사용자에게 주목할 만한 발전입니다.