Swag MCP App

Ce qu'il fait

Swag MCP App transforme une vitrine Shopware en une expérience de commerce conversationnelle interactive. Les assistants d'IA peuvent parcourir une grille de produits, rechercher des articles, les ajouter au panier et ouvrir une interface de paiement complète — le tout en langage naturel. L'UI intégrée basée sur Vue affiche une grille de produits en direct avec des boutons "Ajouter au panier" et un panneau de paiement, tandis que l'IA synchronise la session via un contextToken partagé.

Fonctionnalités clés

• Grille de produits interactive — Parcourez ou recherchez des produits Shopware avec une UI en direct ; les résultats affichent les images, les prix et les boutons d'ajout au panier
• Ajout au panier conversationnel — Ajoutez des articles par ID ou en demandant à l'assistant ("ajoute la tente bleue au panier") ; le panier reste synchronisé entre les outils via le contextToken
• Flux de paiement intégré — Ouvre une interface de paiement complète pour la session actuelle, supportant le paiement avec compte ou en tant qu'invité
• Synchronisation de session — Maintient la session panier de l'IA synchronisée après la connexion, la déconnexion ou l'enregistrement d'un invité
• Double transport — Supporte à la fois le HTTP Streamable (clients distants/cloud) et le stdio (hôtes de sous-processus locaux)

Installation

Claude Desktop

Ajoutez à votre claude_desktop_config.json :

{
  "mcpServers": {
    "swag-mcp-app": {
      "command": "node",
      "args": ["/path/to/swag-mcp-app/dist/index.js", "--stdio"],
      "env": {
        "VITE_SHOPWARE_STOREFRONT_API_URL": "https://your-store.shopware.store",
        "VITE_SHOPWARE_STOREFRONT_API_TOKEN": "your-token"
      }
    }
  }
}

Ou pour le transport HTTP, définissez l'URL du serveur MCP sur http://localhost:3001/mcp dans vos paramètres Claude Desktop.

VS Code Copilot

Ajoutez à votre settings.json :

{
  "github.copilot.chat.mcp.servers": {
    "swag-mcp-app": {
      "command": "node",
      "args": ["/path/to/swag-mcp-app/dist/index.js", "--stdio"],
      "env": {
        "VITE_SHOPWARE_STOREFRONT_API_URL": "https://your-store.shopware.store",
        "VITE_SHOPWARE_STOREFRONT_API_TOKEN": "your-token"
      }
    }
  }
}

Claude.ai web

Ajoutez http://localhost:3001/mcp comme URL d'intégration MCP dans Paramètres → Intégrations (nécessite que le serveur soit en cours d'exécution et accessible).

Hôtes supportés

Claude Desktop (stdio + HTTP), VS Code Copilot, et tout client MCP supportant le HTTP Streamable ou le stdio.