CrawlForge
Laman UtamaPlaygroundKes PenggunaanIntegrasiHargaDokumentasiBlog
Cara Menggunakan CrawlForge dengan Windsurf IDE
Tutorials
Kembali ke Blog
Tutorial

Cara Menggunakan CrawlForge dengan Windsurf IDE

C
CrawlForge Team
Pasukan Kejuruteraan
9 April 2026
7 min bacaan
Dikemas kini 14 April 2026

Pada halaman ini

Windsurf ialah editor kod AI generasi baharu yang dibina oleh Codeium, direka berasaskan konsep "Flows" -- tindakan AI pelbagai langkah yang memahami keseluruhan pangkalan kod anda (lihat dokumen permulaan rasmi Windsurf). CrawlForge MCP melanjutkan keupayaan Windsurf melangkaui fail tempatan anda dan ke web langsung dengan memasang ke dalam sokongan MCP Cascade, membolehkan AI mengambil dokumentasi, melakukan scraping pada pelaksanaan rujukan, menyelidik API, dan mengekstrak data -- semuanya dari dalam editor anda.

Panduan ini menunjukkan kepada anda cara mengkonfigurasi CrawlForge sebagai MCP server dalam Windsurf dan menggunakannya untuk tugas pembangunan sebenar.

Jadual Kandungan

  • Prasyarat
  • Mengapa CrawlForge dalam Windsurf
  • Langkah 1: Pasang CrawlForge MCP Server
  • Langkah 2: Konfigurasi Tetapan MCP Windsurf
  • Langkah 3: Sahkan Sambungan
  • Kes Penggunaan Praktikal
  • Pecahan Kos Credit
  • Penyelesaian Masalah
  • Langkah Seterusnya

Prasyarat

  • Windsurf IDE dipasang (windsurf.com)
  • Node.js 18+ dipasang
  • Sebuah API key CrawlForge -- daftar percuma untuk 1,000 credits

Mengapa CrawlForge dalam Windsurf

Ejen AI Cascade Windsurf sudah boleh membaca pangkalan kod anda dan membuat suntingan pelbagai fail. Tetapi ia tidak boleh mengakses sumber luaran:

  • Ia tidak boleh membaca dokumentasi API terkini untuk pustaka yang anda gunakan
  • Ia tidak boleh menyemak cara pesaing melaksanakan ciri tertentu
  • Ia tidak boleh menarik HTML dunia sebenar untuk menguji penghurai anda
  • Ia tidak boleh menyelidik amalan terbaik merentas pelbagai sumber

CrawlForge menyelesaikan masalah ini. Setelah dikonfigurasi, ejen AI Windsurf memperoleh akses kepada kesemua 26 tools CrawlForge -- dan memilih yang betul berdasarkan apa yang anda minta.

Langkah 1: Pasang CrawlForge MCP Server

Buka terminal anda dan pasang CrawlForge MCP server secara global:

Bash
npm install -g crawlforge-mcp-server

Sahkan pemasangan:

Bash
crawlforge-mcp-server --version

Langkah 2: Konfigurasi Tetapan MCP Windsurf

Windsurf membaca konfigurasi MCP server daripada fail JSON. Buka konfigurasi MCP Windsurf anda:

macOS / Linux:

Bash
# Open or create the MCP config
code ~/.windsurf/mcp_config.json

Windows:

Bash
code %APPDATA%\Windsurf\mcp_config.json

Tambah server CrawlForge ke objek mcpServers:

Typescript
// ~/.windsurf/mcp_config.json
{
  "mcpServers": {
    "crawlforge": {
      "command": "crawlforge-mcp-server",
      "args": [],
      "env": {
        "CRAWLFORGE_API_KEY": "cf_live_your_api_key_here"
      }
    }
  }
}

Gantikan cf_live_your_api_key_here dengan API key sebenar anda daripada papan pemuka CrawlForge.

Alternatif: Konfigurasi Peringkat Projek

Untuk projek pasukan, cipta .windsurf/mcp_config.json dalam root projek anda. Ini memastikan konfigurasi dikawal versi (tetapi ingat untuk menambah API key anda melalui pemboleh ubah persekitaran dan bukannya mengekodkannya secara keras):

Typescript
// .windsurf/mcp_config.json
{
  "mcpServers": {
    "crawlforge": {
      "command": "crawlforge-mcp-server",
      "args": [],
      "env": {
        "CRAWLFORGE_API_KEY": "${CRAWLFORGE_API_KEY}"
      }
    }
  }
}

Langkah 3: Sahkan Sambungan

Mulakan semula Windsurf untuk mengambil konfigurasi MCP yang baharu. Kemudian buka panel Cascade (Cmd+L / Ctrl+L) dan taip:

Fetch the homepage of https://crawlforge.dev and tell me what the product does.

Windsurf sepatutnya memanggil tool fetch_url atau extract_content CrawlForge secara automatik dan memulangkan ringkasan. Jika anda melihat hasilnya, sambungan sedang berfungsi.

Anda boleh mengesahkan tools yang tersedia dengan bertanya:

What CrawlForge tools do you have access to?

Cascade akan menyenaraikan kesemua 26 tools dengan penerangannya.

Kes Penggunaan Praktikal

Fetch Dokumentasi Semasa Mengekod

Minta Cascade membaca dokumen terkini untuk mana-mana pustaka:

Read the Next.js docs for the App Router metadata API and show me how to add Open Graph tags.

Tool extract_content CrawlForge mengambil halaman dokumentasi, dan Cascade menerapkannya terus pada kod anda. Kos: 2 credits.

Selidik Corak Reka Bentuk API

Search for best practices for REST API pagination in 2026 and summarize the top 3 approaches.

Cascade menggunakan search_web untuk mencari artikel, kemudian extract_content untuk membacanya. Kos: ~11 credits (5 untuk carian + 2 setiap halaman untuk 3 halaman).

Jana Data Ujian daripada Laman Web Sebenar

Scrape 5 product listings from https://books.toscrape.com and generate TypeScript interfaces that match the data structure.

Tool scrape_structured CrawlForge mengekstrak data, dan Cascade menjana antara muka bertaip daripada respons. Kos: 2 credits.

Pantau Changelog Pesaing

Fetch the changelog at https://competitor.com/changelog and list all features released in the last 30 days.

Menggunakan extract_content untuk membaca halaman dan menapis mengikut tarikh. Kos: 2 credits.

Pecahan Kos Credit

TugasToolCredits
Fetch halaman dokumentasiextract_content2
Cari artikelsearch_web5
Ekstrak data berstrukturscrape_structured2
Crawl laman dokumen pelbagai halamancrawl_deep5
Dapatkan metadata halamanextract_metadata1
Analisis sentimen kandungananalyze_content3

Sesi pembangunan biasa menggunakan 10-30 credits. Pelan Free (1,000 credits sekali sahaja) meliputi kebanyakan keperluan awal pembangun.

Penyelesaian Masalah

"MCP server not found": Sahkan laluan pemasangan global berada dalam PATH sistem anda. Jalankan which crawlforge-mcp-server untuk menyemak. Jika ia tidak memulangkan apa-apa, pasang semula dengan npm install -g crawlforge-mcp-server.

"Authentication failed": Semak semula API key anda dalam mcp_config.json. Key bermula dengan cf_live_ untuk pengeluaran atau cf_test_ untuk pembangunan.

Tools tidak muncul: Mulakan semula Windsurf selepas menyunting konfigurasi MCP. Server dimuatkan semasa permulaan IDE.

Respons perlahan: Tools CrawlForge yang memaparkan JavaScript (scrape_with_actions, stealth_mode) mengambil masa 3-8 saat. Tools statik seperti fetch_url dan extract_text memberi respons dalam masa kurang 1 saat.

Langkah Seterusnya

Dengan CrawlForge dikonfigurasi dalam Windsurf, terokai aliran kerja ini:

  • Gunakan stealth mode untuk mengakses laman dengan perlindungan anti-bot
  • Bina aliran kerja ejen penyelidikan untuk analisis pasaran
  • Terokai Mula Pantas CrawlForge yang lengkap untuk pilihan konfigurasi MCP
  • Semak kesemua 26 tools dan keupayaannya

Beri editor AI anda akses kepada web langsung. Mulakan secara percuma dengan 1,000 credits -- tiada kad kredit diperlukan.

Cuba sendiri — tiada pendaftaran diperlukan

Jalankan mana-mana daripada 27 alat scraping dan pengekstrakan CrawlForge dalam playground, kemudian mula secara percuma dengan 1,000 credits.

1,000 credits percuma • Isi semula setiap bulan • Tiada kad kredit diperlukan

Tag

windsurfideintegrationweb-scrapingmcptutorialai-engineering

Tentang Penulis

C

CrawlForge Team

Pasukan Kejuruteraan

Membina MCP server web scraping yang paling menyeluruh. Kami mencipta alatan yang membantu pembangun mengekstrak, menganalisis dan mengubah data web untuk aplikasi AI.

Kekal dikemas kini dengan pandangan terkini

Dapatkan tutorial, kemas kini produk dan petua web scraping terus ke peti masuk anda.

Tiada spam. Berhenti melanggan bila-bila masa.

Praktikkan ini

Uji alat CrawlForge pada mana-mana URL — percuma, tanpa pendaftaran.

Pada halaman ini

Artikel Berkaitan

Cara Menggunakan CrawlForge dengan Agen LangGraph
Tutorials

Cara Menggunakan CrawlForge dengan Agen LangGraph

Bina agen web scraping berkeadaan dengan LangGraph dan CrawlForge. Panduan TypeScript yang merangkumi nod graf, pengurusan keadaan, dan aliran scraping bersyarat.

C
CrawlForge Team
|
24 Apr
|
8m
Cara Menggunakan CrawlForge dengan Aliran Kerja Dify
Tutorials

Cara Menggunakan CrawlForge dengan Aliran Kerja Dify

Tambah CrawlForge sebagai alat tersuai dalam Dify untuk web scraping dalam aliran kerja aplikasi LLM anda. Panduan integrasi tanpa kod dan API dengan contoh aliran kerja.

C
CrawlForge Team
|
22 Apr
|
7m
Cara Menggunakan CrawlForge dengan Ejen AI Mastra
Tutorials

Cara Menggunakan CrawlForge dengan Ejen AI Mastra

Bina ejen AI dengan keupayaan web scraping menggunakan Mastra dan CrawlForge. Panduan persediaan TypeScript dengan integrasi tool, aliran kerja, dan contoh ejen.

C
CrawlForge Team
|
21 Apr
|
7m

Footer

CrawlForge

Web scraping gred perusahaan untuk Ejen AI. 27 alat MCP khusus yang direka untuk pembangun moden yang membina sistem pintar.

Produk

  • Ciri
  • Playground
  • Harga
  • Kes Penggunaan
  • Integrasi
  • Alternatif
  • Changelog

Sumber

  • Mula Bekerja
  • Rujukan API
  • Templat
  • Panduan
  • Blog
  • Glosari
  • Soalan Lazim
  • Peta Laman

Pembangun

  • Protokol MCP
  • Claude Desktop
  • Cursor IDE
  • LangChain
  • LlamaIndex

Syarikat

  • Tentang
  • Hubungi
  • Privasi
  • Terma
  • Penggunaan Boleh Diterima
  • Cookies

Kekal dikemas kini

Dapatkan kemas kini terkini tentang alat dan ciri baharu.

Dibina dengan Next.js dan protokol MCP

© 2025-2026 CrawlForge. Hak cipta terpelihara.