MCP-szerver csatlakoztatása VS Code-hoz és GitHub Copilothoz

A JetEngine MCP-szerverét bármely MCP-kompatibilis AI-klienshez csatlakoztathatod. Az alábbi lépések a VS Code és a GitHub Copilot példáján mutatják be a folyamatot. Ugyanígy működik más MCP-t támogató alkalmazással is, például a ChatGPT webes változatával. A szerver eszközeit és beállításait a Haladó beállítások és MCP-szerver fejezet írja le.

Követelmények

• JetEngine, legalább 3.8.0-s verzióban;
• egy MCP-t támogató AI-kliens (itt: VS Code + GitHub Copilot).

1. Az MCP-szerver bekapcsolása

1. Nyisd meg a JetEngine → JetEngine oldalt, és válaszd az MCP Server fület.
2. Győződj meg róla, hogy az Enable MCP Server kapcsoló be van kapcsolva.
3. Másold ki az MCP Server URL értékét, később erre lesz szükséged.

https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine

A képen az MCP Server URL mezőt keresd: ezt kell majd beírnod az AI-kliensbe.

2. Hitelesítés előkészítése

A WordPress külső alkalmazásokhoz alapból egyféle hitelesítést támogat, az alkalmazásjelszót. Ezt minden AI-kliensnél el kell végezned.

1. Nyisd meg a Felhasználók → Profil oldalt (vagy egy másik felhasználó szerkesztőoldalát).
2. Görgess le az Alkalmazásjelszavak részhez.
3. Írj be egy nevet az új alkalmazásjelszónak, például „VS Code Copilot”, és add hozzá.
4. A létrejött jelszót másold ki és mentsd el máshol, mert később ezen az oldalon már nem látható.
5. Állítsd össze a hitelesítési szöveget felhasználónév:alkalmazásjelszó formában:

admin:GxPt cXdX Ufgm 5Eka meXs wPQ8

6. Alakítsd ezt a szöveget Base64-formátumra (bármelyik online Base64-átalakítóval). Az eredmény lesz a hitelesítési token az AI-kliensben.

3. A szerver felvétele a VS Code-ba

1. Nyisd meg a VS Code parancspalettáját (Windows és Linux alatt Ctrl+Shift+P, macOS-en Cmd+Shift+P), és keresd meg az MCP: Add Server parancsot.
2. Válaszd az HTTP (HTTP or Server-Sent Events) lehetőséget.
3. Add meg az MCP-szerver URL-jét, például http://localhost/mysite/wp-json/jet-engine/v1/mcp/.
4. A létrejött beállításhoz add hozzá az Authorization fejlécet, hogy így nézzen ki:

{
  "servers": {
    "my-mcp-server-b5d09d2b": {
      "url": "http://localhost/mysite/wp-json/jet-engine/v1/mcp/",
      "type": "http",
      "headers": { "Authorization": "Basic ${input:wp_token}" }
    }
  },
  "inputs": [
    { "type": "promptString", "id": "wp_token", "description": "<Base64String>", "password": true }
  ]
}

A <Base64String> helyére a saját Base64-szöveged kerül.

4. A JetEngine eszközeinek használata Copilotban

A csatlakoztatás után a Copilot elolvassa az oldal MCP-n elérhető környezetét, és biztonságos műveleteket végezhet a JetEngine eszközeivel. Például makró írásában segíthet úgy, hogy közben ismeri az oldal tartalmát.

1. Futtasd a környezetet beolvasó erőforrást a Copilot csevegőjében:

#resource-get-configuration

2. Majd a makrók listáját:

#resource-get-macros

3. Kérd meg az AI-t, hogy készítsen makrót a meglévő tartalom alapján:

Generate a JetEngine Macro that outputs a list of events sorted by date.

A Copilot a „Future events” nevű lekérdezésből dolgozva például ilyen makrót javasolt:

%query_calculations|7|ID|first|0||%

Az eredményt mindig ellenőrizd, mielőtt élesben használod.