Dipublikasikan: 11 Maret 2026
Pada bulan Februari, kami mengumumkan bahwa WebMCP tersedia untuk program pratinjau awal. Seiring dengan makin umumnya agen AI di browser, kami mendengar developer web mengajukan pertanyaan ini: "Apakah WebMCP akan menggantikan Model Context Protocol (MCP)?"
Meskipun saya dapat memahami alasan Anda mengajukan pertanyaan ini, pertanyaan tersebut didasarkan pada kesalahpahaman. Anda tidak perlu memilih antara MCP dan WebMCP untuk menciptakan pengalaman yang berorientasi pada agen. WebMCP bukanlah ekstensi atau pengganti MCP. Sebaliknya, WebMCP dan MCP memenuhi kebutuhan yang berbeda. WebMCP memungkinkan Anda mengklarifikasi tujuan fitur aplikasi dan memberikan kemampuan tambahan kepada agen browser untuk berinteraksi dengan situs Anda.
Analogi yang tepat adalah perbedaan antara pusat panggilan layanan pelanggan perusahaan dan pakar di toko.
- MCP tersedia di platform mana pun kapan saja. Langkah ini dapat menampilkan data dan menangani tugas inti sesuai kebutuhan.
- WebMCP hanya tersedia di situs Anda. Situs biasanya merupakan antarmuka pengguna (UI) yang didesain untuk manusia, bukan mesin. WebMCP membantu agen memahami UI dengan lebih baik.
Bersama-sama, kedua komponen ini membantu agen menyelesaikan tugas yang dipersonalisasi atas nama pengguna manusia.
Fungsi dan tujuan
Kedua teknologi ini memiliki filosofi yang sama: menciptakan cara yang standar dan andal bagi aplikasi untuk mengekspos alatnya ke agen AI.
Dalam praktiknya, hal ini mencakup:
- Penemuan alat terstruktur: Alat ini menyediakan cara yang dapat dibaca mesin bagi agen untuk bertanya, "Apa yang dapat Anda lakukan?" dan mendapatkan daftar alat yang tersedia, parameternya, dan tujuannya yang jelas.
- Eksekusi yang dapat diprediksi: Mereka menggantikan tebakan dengan panggilan fungsi eksplisit. Agen memanggil alat yang ditentukan. Hal ini menghasilkan hasil yang dapat diprediksi, tidak seperti menyimulasikan pola klik yang mungkin berubah.
- Maksud yang jelas: Mereka secara eksplisit mendeklarasikan kemampuan. Tanpa WebMCP dan MCP, agen menebak tindakan yang harus dilakukan berdasarkan pemahaman tentang UI. Dengan WebMCP dan MCP, agen dapat mengetahui dengan pasti cara kerja fitur tertentu, tanpa perlu menyimpulkan tindakan dari elemen UI.
Perbedaan utama di antara keduanya adalah tempat fungsi aplikasi berada.
MCP adalah untuk backend
Model Context Protocol (MCP) adalah standar yang menghubungkan agen AI (baik berbasis browser maupun tidak) dengan sistem eksternal, termasuk sumber data, alat, dan alur kerja. Protokol ini bersifat universal, sering menggunakan JSON-RPC, dan diimplementasikan melalui SDK khusus bahasa, seperti Rust, Python, dan TypeScript.
WebMCP adalah untuk frontend
WebMCP adalah standar browser yang diusulkan dengan dua API yang berinteraksi secara eksklusif dengan agen bawaan browser. Anda dapat menerapkan API ini dengan atribut JavaScript atau HTML. Browser bertindak sebagai komunikator antara situs Anda dan agen.
Anggap WebMCP sebagai serangkaian API "terinspirasi MCP", bukan penerapan MCP langsung di JavaScript. WebMCP dibuat khusus untuk browser dan menghilangkan berbagai konsep sisi server, seperti resource.
Mengontrol cara agen mengakses situs Anda
WebMCP memungkinkan Anda mengontrol cara agen berinteraksi dengan situs Anda. Hal ini memiliki beberapa keunggulan utama:
- Kecepatan dan keandalan: Karena WebMCP menggunakan sistem internal browser, komunikasi antara klien dan alat hampir instan. Anda tidak perlu menunggu round trip ke server jarak jauh.
- Dibuat agar tahan lama: Alat WebMCP terhubung ke logika aplikasi, bukan desain. Artinya, Anda dapat mendesain ulang situs tanpa mengganggu kemampuan agen untuk berinteraksi dengan benar.
- Anda yang mengontrol: Anda dengan jelas menentukan cara pilihan bagi agen untuk berinteraksi dengan situs Anda, alih-alih berharap agen menemukan tombol yang tepat untuk diklik. Anda menentukan logika aplikasi dengan cara yang dapat dipahami agen, memandunya secara langsung, bukan berharap ia menyimpulkan tindakan dari UI.
Mengontrol akses UI
Untuk memahami perbedaannya, pertimbangkan, "Siapa yang memiliki UI?" Aplikasi MCP merender UI aplikasi Anda dalam UI agen. Antarmuka Anda harus sesuai dengan batasan ini, dan memerlukan aplikasi baru yang terpisah.
WebMCP membantu agen berinteraksi dengan situs Anda yang sudah ada secara real-time. Fitur ini dapat mengakses data sesi live, cookie, dan elemen DOM yang hanya tersedia di tab browser live. Alih-alih aplikasi Anda menjadi tamu dalam agen, agen menjadi tamu di platform Anda.
Yang penting, alat WebMCP bersifat sementara. Cookie ini hanya ada saat halaman Anda dibuka. Setelah pengguna keluar dari situs Anda atau menutup tab, agen tidak dapat lagi mengakses situs Anda atau melakukan tindakan.
Menggunakan WebMCP dan MCP
Saat memilih solusi yang tepat untuk fitur atau fungsi tertentu, pertimbangkan konteks dan ketersediaan:
| MCP | WebMCP | |
|---|---|---|
| Tujuan | Membuat data dan tindakan tersedia bagi agen di mana saja, kapan saja. | Menyiapkan situs aktif untuk interaksi instan dengan agen saat pengguna mengunjungi situs. |
| Lifecycle | Persisten (server dan daemon) | Efemeral (terikat tab) |
| Konektivitas | Global (desktop, seluler, cloud, web) | Khusus lingkungan (agen browser) |
| Interaksi UI | Headless dan eksternal | Terintegrasi dengan browser dan DOM |
| Discovery | Alur pendaftaran khusus agen | Alat yang terdaftar di halaman web selama kunjungan pengguna. |
| Kasus penggunaan | Melakukan tindakan API latar belakang. | Menavigasi dan mengoperasikan UI web live. |
Aplikasi agentik yang paling efektif menggunakan MCP dan WebMCP untuk mendapatkan manfaat dari keunggulan kedua teknologi tersebut.
- Mengelola logika inti dengan MCP: Server MCP Anda bertindak sebagai lapisan layanan dasar. Aplikasi ini menangani logika bisnis inti, pengambilan data, dan tugas latar belakang. Hal ini memastikan layanan Anda tidak bergantung pada platform dan selalu tersedia untuk agen.
- Buat UI kontekstual dengan WebMCP: WebMCP adalah langkah terakhir, yaitu koneksi untuk agen langsung ke situs Anda. Dirancang untuk interaksi dalam browser yang kontekstual, memungkinkan agen bertindak atas nama pengguna dengan cepat dan andal saat pengguna membuka situs Anda.
Anggap MCP dan WebMCP sebagai partner, bukan lawan. WebMCP menyediakan cara dengan fidelitas tinggi bagi agen AI berbasis browser untuk berinteraksi dengan dunia tertentu yang dilihat pengguna di tab mereka.
Apa langkah selanjutnya?
Siap membuat situs Anda kompatibel dengan agen? Anda dapat mulai bereksperimen dengan WebMCP hari ini dengan bergabung ke Program Pratinjau Awal.
Masukan Anda sangat penting dalam membentuk masa depan standar ini.