Skip to content

Latest commit

 

History

History
116 lines (75 loc) · 4.75 KB

README.md

File metadata and controls

116 lines (75 loc) · 4.75 KB

Mari kita bahas lebih lanjut tentang cara menggunakan antarmuka visual di bagian berikutnya.

Pendekatan

Berikut cara kita perlu mendekati ini secara garis besar:

  • Konfigurasikan sebuah file untuk menemukan MCP Server kita.
  • Mulai / Sambungkan ke server tersebut agar dapat menampilkan kemampuannya.
  • Gunakan kemampuan tersebut melalui antarmuka GitHub Copilot Chat.

Bagus, sekarang setelah kita memahami alurnya, mari kita coba gunakan MCP Server melalui Visual Studio Code lewat sebuah latihan.

Latihan: Menggunakan server

Dalam latihan ini, kita akan mengonfigurasi Visual Studio Code agar dapat menemukan MCP server Anda sehingga bisa digunakan dari antarmuka GitHub Copilot Chat.

-0- Langkah awal, aktifkan penemuan MCP Server

Anda mungkin perlu mengaktifkan penemuan MCP Server.

  1. Buka File -> Preferences -> Settings in Visual Studio Code.

  2. Search for "MCP" and enable chat.mcp.discovery.enabled di file settings.json.

-1- Buat file konfigurasi

Mulailah dengan membuat file konfigurasi di root proyek Anda, Anda memerlukan file bernama MCP.json dan meletakkannya di folder bernama .vscode. Isinya harus seperti ini:

.vscode
|-- mcp.json

Selanjutnya, mari lihat bagaimana menambahkan entri server.

-2- Konfigurasikan server

Tambahkan konten berikut ke mcp.json:

{
    "inputs": [],
    "servers": {
       "hello-mcp": {
           "command": "node",
           "args": [
               "build/index.js"
           ]
       }
    }
}

Di atas adalah contoh sederhana bagaimana memulai server yang ditulis dengan Node.js, untuk runtime lain tunjukkan perintah yang tepat untuk memulai server menggunakan command and args.

-3- Mulai server

Sekarang setelah Anda menambahkan entri, mari mulai servernya:

  1. Temukan entri Anda di mcp.json dan pastikan Anda menemukan ikon "play":

Memulai server di Visual Studio Code

  1. Klik ikon "play", Anda harus melihat ikon alat di GitHub Copilot Chat bertambah jumlah alat yang tersedia. Jika Anda klik ikon alat tersebut, Anda akan melihat daftar alat yang terdaftar. Anda dapat mencentang/menghapus centang setiap alat tergantung apakah Anda ingin GitHub Copilot menggunakannya sebagai konteks:

Memulai server di Visual Studio Code

  1. Untuk menjalankan sebuah alat, ketikkan prompt yang Anda tahu akan cocok dengan deskripsi salah satu alat Anda, misalnya prompt seperti ini "add 22 to 1":

Menjalankan alat dari GitHub Copilot

Anda harus melihat respons yang mengatakan 23.

Tugas

Cobalah menambahkan entri server ke file mcp.json Anda dan pastikan Anda bisa memulai/menghentikan server. Pastikan juga Anda dapat berkomunikasi dengan alat di server Anda melalui antarmuka GitHub Copilot Chat.

Solusi

Solusi

Poin Penting

Poin penting dari bab ini adalah sebagai berikut:

  • Visual Studio Code adalah klien hebat yang memungkinkan Anda menggunakan beberapa MCP Server dan alat-alatnya.
  • Antarmuka GitHub Copilot Chat adalah cara Anda berinteraksi dengan server.
  • Anda dapat meminta input dari pengguna seperti API key yang dapat diteruskan ke MCP Server saat mengonfigurasi entri server di file mcp.json.

Contoh

Sumber Tambahan

Selanjutnya

Penafian:
Dokumen ini telah diterjemahkan menggunakan layanan terjemahan AI Co-op Translator. Meskipun kami berusaha untuk akurasi, harap diperhatikan bahwa terjemahan otomatis mungkin mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang otoritatif. Untuk informasi penting, disarankan menggunakan terjemahan profesional oleh manusia. Kami tidak bertanggung jawab atas kesalahpahaman atau salah tafsir yang timbul dari penggunaan terjemahan ini.