AliCloud Hundred Refined MCP Service Evaluation and Agent Construction Practice (pratique d'évaluation des services MCP et de construction d'agents)

Dans un avenir proche.MCP(Model Calling Protocol) est devenu un terme très courant dans le milieu technique. En clair, il s'agit d'un protocole d'appel de modèle.MCP Conçu pour simplifier le processus d'utilisation d'outils ou de services externes pour les grands modèles de langage (LLM), il réduit considérablement les obstacles auxquels se heurtent les développeurs et les utilisateurs pour créer des applications complexes d'intelligence artificielle. Avec la publication des protocoles correspondants, on a assisté au cours des derniers mois à un afflux de soutien en faveur de l'initiative MCP des outils et des services.

Cependant, en dépit de MCP Si la logique d'utilisation (formuler des demandes à l'IA par le biais du langage naturel) est relativement intuitive, le processus de configuration est souvent très complexe. Actuellement, la prise en charge des MCP Logiciel client tel que Claude ou un IDE intégrant des fonctionnalités d'intelligence artificielle Cursorqui a sa propre courbe d'apprentissage. Plus important encore, la configuration MCP Les services nécessitent souvent l'installation d'un environnement d'exécution spécifique et exigent des utilisateurs qu'ils comprennent et utilisent des outils de ligne de commande, ce qui constitue sans aucun doute un obstacle pour de nombreux développeurs non experts. Certains tutoriels antérieurs ont tenté d'expliquer ces étapes en détail, mais certains utilisateurs signalent encore des difficultés à les comprendre et à les utiliser.

L'industrie attend d'une plateforme qu'elle simplifie MCP Le processus de configuration de l'application est plus rapide et plus efficace, l'idéal étant de permettre un déploiement en un clic, comme dans une boutique d'applications. Récemment, le阿里云百炼 La plateforme a répondu à ce besoin en proposant ce qu'elle affirme être la première du secteur à offrir une gestion complète du cycle de vie de la MCP Service. Ce service est conçu pour permettre aux entreprises, aux développeurs et même aux utilisateurs individuels de créer et de gérer facilement, à l'aide d'une interface visuelle, le système de gestion de l'information de l'entreprise. Agents Applications pour un déploiement en un clic MCP Services.

阿里云百炼 bâtiment à toit plat MCP Les principales caractéristiques du service sont les suivantes

1. Déploiement en un clicLe système de gestion de l'information est une solution en un seul clic qui ne nécessite pas d'opérations et de maintenance complexes. MCP Déploiement des services.
2. Offre abondante de MCP: Intégré MCP Marketplace, y compris de nombreux services officiels et tiers MCP Outils.
3. Hébergement de services à faible coûtLa technologie de l'information : des ressources informatiques basées sur des fonctions pour une mise à l'échelle élastique et un paiement à l'utilisation.
4. Compatibilité totale avec l'outil de liaisonLes données de la base de données : peuvent être rapidement référencées dans les agents et les flux de travail. MCP Services.

Des tests préliminaires ont montré que阿里云百炼 La plateforme simplifie considérablement MCP le processus de déploiement et de configuration. Les utilisateurs n'ont plus besoin de se préoccuper des détails de l'environnement sous-jacent et, après avoir activé le service, ils peuvent commencer à profiter des avantages de l'application. MCP établir Agents Applications.

Vous trouverez ci-dessous deux exemples montrant comment utiliser la fonction 阿里云百炼 (utilisé comme expression nominale) MCP Des services pour construire des pratiques Agents Applications.

Cas 1 : Combinaison avec Gold Weather MCP pour générer une page web de visualisation météorologique

Le premier cas montre comment appeler la fonction MCP Le service interroge la météo pour un lieu donné et permet à l'IA de générer une page web de prévisions météorologiques personnalisée.

Étape 1 : Activer le service MCP d'AutoNavi

Tout d'abord, visitez le site 阿里云百炼 de la plate-forme (https://bailian.console.aliyun.com/?tab=mcp#/mcp-market) MCP Place de marché. Effectuez une recherche sur la place de marché et trouvez les offres "AutoNavi Open Platform". MCP Service. Selon le rapport, en tant que service au sein du système AliCloud, le MCP peut offrir des fonctionnalités plus riches que la version publique.

Cliquez pour ouvrir le service.

Étape 2 : Création d'une application Smartbody

Une fois le service activé, passez à la "Gestion des applications" sous l'onglet "Applications" et cliquez sur le bouton "Ajouter une application". La sélection de "Smart Body" comme type d'application est généralement le choix approprié.

Étape 3 : Configuration de l'application

Entrez dans l'interface de configuration de l'application. Sélectionnez d'abord le modèle de base, qui est recommandé par la plateforme par défaut 通义千问 Max. Sur la base des tentatives des auteurs de l'originalDeepSeek La modélisation ne semblait pas bénéficier d'un soutien total à l'époque MCP il est recommandé d'utiliser d'abord le modèle recommandé pour assurer la compatibilité.

Ensuite, ajoutez aux intelligences MCP Service. Cliquez sur le bouton "+MCP", et dans la barre latérale, cochez le GODE qui vient d'être ouvert. MCP Services.

Étape 4 : Rédiger un message d'encouragement

La dernière étape consiste à rédiger un mot de repère qui indique à l'IA comment effectuer la tâche. Voici un exemple de mot de repère qui demande à l'IA de jouer le rôle de l'ingénieur en chef et d'appeler les services météorologiques. MCP et générer des pages web dans un style spécifique (style Netflix). Si l'utilisateur n'est pas familiarisé avec l'écriture d'indices complexes阿里云百炼 La plateforme permet également d'optimiser les mots-clés.

# 角色
你是一位专业的前端开发工程师，擅长使用 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 输出。

Étape 5 : Exécuter et tester

Une fois la configuration terminée, entrez le lieu souhaité (par exemple "Pékin") dans la boîte de dialogue à droite. L'organisme intelligent appellera automatiquement le Gaode MCP Obtenir les données météorologiques et générer le code de la page web HTML comme requis par le mot clé. Les utilisateurs peuvent visualiser et télécharger les pages web générées dans la sortie Artifact fournie par la plateforme.

(L'auteur de l'article original a fourni un lien de partage pour l'expérience utilisateur : https://bailian.console.aliyun.com/share/e1204f6a3d2f4d419f55a492c8aa8699?memoryId= e1384d68e5a044eeaa1dfeb558322d66)

Cas 2 : Combinaison de Firecrawl et de Flomo MCP pour la synthèse de contenu web et la prise de notes

Le second cas est un peu plus complexe : l'objectif est que l'intelligence artificielle explore automatiquement le contenu d'une page web donnée, le résume et enregistre le résumé ainsi que les balises dans le fichier Flomo dans l'application Notes. Cette affaire concerne deux sociétés tierces. MCP Services :Firecrawl(pour l'exploration du web) et Flomo(pour la prise de notes).

Étape 1 : Obtenir les clés API

Étant donné qu'un service tiers est utilisé, il est nécessaire d'obtenir d'abord l'autorisation appropriée. API Key.

• Clé API Firecrawl: : Accès Firecrawl Site officiel (https://www.firecrawl.dev/app/api-keys), connectez-vous et trouvez dans la barre latérale la rubrique API Keys pour générer ou copier un API Key Autre.

  

• API Flomo: : Accès Flomo Site web officiel (https://v.flomoapp.com/mine?source=incoming_webhook), copiez l'adresse API de votre enregistrement propriétaire pour la sauvegarder.

  

Étape 2 : Activation des services Firecrawl et Flomo MCP

revenir (ou repartir) 阿里云百炼 (utilisé comme expression nominale) MCP Place de marché, chercher et trouver Firecrawl répondre en chantant Flomo (utilisé comme expression nominale) MCP Service. Lors de l'ouverture du service, il vous sera demandé d'entrer le numéro d'identification de la personne que vous avez acquise précédemment. API Key ou l'adresse API.

Étape 3 : Créer et configurer une application de corps intelligent

Allez à nouveau dans la Gestion des applications et créez une nouvelle application SmartBody. Sélectionnez le modèle de base (également recommandé) 通义千问 Max), et ajoutez le MCP qui vient d'être ouvert en cliquant sur le bouton "+MCP". Firecrawl répondre en chantant Flomo MCP Services.

Étape 4 : Rédiger un message d'encouragement

Rédiger des indices pour guider l'IA dans l'exploration du web, le résumé et l'enregistrement vers le système de gestion de l'information. Flomo de la mission.

Il convient de noter que, d'après l'expérience des auteurs initiaux, la fourniture d'un lien direct vers la page web peut ne pas suffire pour que l'IA invoque correctement l'élément Firecrawl MCP. Il se peut que le modèle ne sache pas clairement quels paramètres doivent être transmis. Dans ce cas, il convient d'inclure un indice avec une mention explicite MCP Exemples de paramètres d'appel susceptibles de résoudre efficacement le problème.

Voici les mots-clés de référence :

# 角色
你是一位内容整理专家，负责查询和总结用户输入的网页内容，并将相关内容总结后用中文记录到 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
}
}

Étape 5 : Exécuter et tester

Saisissez un lien vers une page web à résumer dans la boîte de dialogue. Le smartbody doit être en mesure d'appeler avec succès le Firecrawl MCP Obtenir la page Markdown contenu, puis le résumer et l'appeler Flomo MCP Envoyer le résumé étiqueté à la page d'accueil de l'utilisateur Flomo Comptes.

Comme on peut le voir dans ces deux cas, la阿里云百炼 Cycle de vie complet de la plate-forme MCP Le service offre la possibilité d'utiliser MCP construire (qqch abstrait) Agents Les applications sont très pratiques, notamment en ce qui concerne la simplification de la configuration et du déploiement et l'abaissement de la barrière à l'utilisation. Il s'agit d'une évolution notable pour les développeurs et les utilisateurs qui cherchent à intégrer rapidement des outils et des services externes dans les applications d'IA.