Kullanıcılar ve yapay zeka aracıları için çalışan web siteleri ve uygulamalar oluşturun.
Başlama Kaynak denemesine katılın

WebMCP'nin işleyiş şekli

Siteniz, yalnızca üç adımda temsilcilere tam olarak ne yapabileceklerini söyler.
1. Adım

Siteniz, bir temsilcinin gerçekleştirebileceği işlemleri WebMCP araçları olarak bildirir. Her aracın adı, açıklaması ve JSON şeması vardır.

// Imperative API
document.modelContext.registerTool({
  name: "bookSlot",
  title: "Book a consultation slot",
  description: "Reserve a 30-minute consultation.",
  inputSchema: {
    type: "object",
    properties: {
      date:  { type: "string", format: "date" },
      time:  { type: "string" },
      name:  { type: "string" },
      email: { type: "string", format: "email" }
    },
    required: ["date", "time", "name", "email"]
  },
  annotations: { readOnlyHint: false },
  execute: async (input, client) => {
    return await api.book(input);
  }
});
2. Adım

Tarayıcı, bu araçları toplar ve sayfanın URL'si, başlığı ve kaynak izni kapsamıyla birlikte kullanıcının WebMCP'den haberdar aracısına sunar.

Siteniz, tarayıcıyla iletişim kurar. Tarayıcı da müşteri temsilcisi için çeviri yapar.
3. Adım

Aracı bir sözleşme görür, yapılandırılmış argümanlar sağlar ve kodunuz gerisini halleder. Kullanıcı, izin ve onay konusunda bilgilendirilir. Artık tahmin etmenize gerek yok.

// the agent's view
{
  "tool": "bookSlot",
  "arguments": {
    "date": "2026-07-31",
    "time": "14:00",
    "name": "Jerry Jones",
    "email": "jerry.jones@example.com"
  }
}

Temsilciler için araçlar oluşturma

WebMCP API'leri ve belgeleri hakkında daha fazla bilgi edinin.
Başlama
WebMCP araçları ekleyerek kullanıcıların ve temsilcilerin daha verimli olmasına yardımcı olacak fırsatları keşfedin.
Belgeyi okuyun
Form girişi ve site navigasyonu gibi siteye özgü işlevleri yürütmek için standart JavaScript ile WebMCP araçlarını tanımlayın.
Belgeyi okuyun
Ek açıklamalar ekleyerek standart HTML formlarınızı WebMCP araçlarına dönüştürün.
Belgeyi okuyun
Ajanların aracı ne zaman çağırması gerektiğini, nasıl çalıştırması gerektiğini ve hangi yanıtların kabul edilebilir olduğunu anladığını doğrulamak için araçlarınızı test edin.
Belgeyi okuyun
WebMCP API'lerini kullanmayla ilgili en iyi uygulamaları öğrenin.
Belgeyi okuyun
Web siteniz için güvenli araçlar oluşturmayı öğrenin.
Belgeyi okuyun
WebMCP ve MCP, birlikte çalışarak temsilcilerin kullanıcılar adına kişiselleştirilmiş görevleri tamamlamasına yardımcı olur.
Belgeyi okuyun

Yapay zeka sistemleriyle geliştirme

Tercih ettiğiniz iş akışında web'deki en iyi uygulamalara erişebilmek için Modern Web Rehberi'ni en sevdiğiniz yapay zeka kodlama aracıyla kullanın. 
npx modern-web-guidance@latest install
Belgeleri oku
Kodlama temsilcilerinin yardımıyla uzantıları daha hızlı oluşturmak için Modern Web Rehberi'ni kullanın.
Belgeyi okuyun

Aracı geliştiriciler için güvenlik hususları

Aracı geliştiriciler, güvenilmeyen içeriklerden gelen kötü amaçlı metinlere karşı koruma önlemleri tasarlamalıdır. WebMCP kullanan aracılarla ilgili bazı güvenlik tekniklerini tanımlarız.
Kılavuzumuzu okuyun

Yapay zeka desteği doğrudan tarayıcınızda. O an bulunduğunuz sayfanın bağlamına göre belirlenen önemli noktaları öğrenin, kavramların açıklamalarına ve sorularınızın yanıtlarına ulaşın.

Gemini, Google uygulamalarınızda çalışarak günlük işlerinizi daha verimli ve hızlı bir şekilde tamamlamanıza yardımcı olur.

Chrome'da Gemini'ı keşfedin

Yapay zeka temsilcileriyle tanışın

web.dev
Genellikle yapay zeka olarak adlandırılan gelişen çeşitli teknolojilerin temellerini ve tanımlarını öğrenin.
Belgeyi okuyun
web.dev
Web uygulayıcıları olarak, yeni teknolojileri düşünceli ve sorumlu bir şekilde geliştirmemiz çok önemlidir.
Belgeyi okuyun
web.dev
Web sitelerinize ve web uygulamalarınıza özellik eklemek için yapay zeka hakkında bilgi temeli oluşturun.
Kursa katılın