WebsitePublisher.ai
ทางการเผยแพร่เว็บไซต์แบบสมบูรณ์จาก AI client ใดๆ ผ่าน API โดยตรง — ไม่ต้องตั้งค่าโฮสติ้ง, CMS หรือการกำหนดค่าใดๆ
คุณทำอะไรได้บ้างด้วย WebsitePublisher Ai MCP?
- จัดการโปรเจกต์และเพจ — ให้ผู้ช่วยของคุณแสดงรายการโปรเจกต์ สร้างเพจ หรืออัปเดตเนื้อหาเพจ , และ
- จัดการไฟล์และเวอร์ชัน — อัปโหลดรูปภาพหรือ CSS ตรวจสอบประวัติเวอร์ชันของเพจ และย้อนกลับการเปลี่ยนแปลง , และ
- ตั้งค่าฟอร์มและการติดตาม — ตั้งค่าฟอร์มฝั่งเซิร์ฟเวอร์ ใส่สคริปต์วิเคราะห์ หรือจัดการการยืนยันตัวตนของผู้เยี่ยมชม , และ
- ทำงานอัตโนมัติด้วยการผสานรวม — ค้นหาการผสานรวมที่มีให้เลือกกว่า 100 รายการ ตั้งค่าด้วยคีย์ API และดำเนินการผ่าน และ
execute_integration - กำหนดเวลาและจัดการงาน — สร้างงานอัตโนมัติที่เกิดซ้ำ แสดงรายการการทำงานตามกำหนด และติดตามประวัติงานด้วย และ
tasks
เอกสาร
🔗 เอ็นด์พอยต์ของเซิร์ฟเวอร์
MCP Server https://mcp.websitepublisher.ai
OpenAPI Spec openapi.json
Discovery .well-known/mcp.json
Protocol Streamable HTTP + JSON-RPC 2.0
Auth OAuth 2.1 (auto-discovery) หรือ Bearer token
มีสามวิธีในการเชื่อมต่อ ตัวเลือก A เร็วที่สุด — WebsitePublisher อยู่ใน Connectors Directory ของ Anthropic ดังนั้นใช้คลิกเดียวและใช้งานได้กับทุกแผนของ Claude รวมถึงแบบฟรี ตัวเลือก B ตั้งค่า Claude Desktop ให้คุณและยังตั้งค่า Cursor, Windsurf และ VS Code ด้วย ตัวเลือก C คือการตั้งค่า MCP ด้วยตนเอง
1
เปิดรายการใน Claude
ไปที่ รายการ WebsitePublisher โดยตรง หรือใน claude.ai เปิด Settings → Connectors แล้วค้นหา WebsitePublisher ไม่ต้องวางอะไร ไม่ต้องตั้งค่าอะไร
2
คลิก Connect และอนุญาต
ลงชื่อเข้าด้วยบัญชี WebsitePublisher ของคุณเมื่อได้รับแจ้ง เครื่องมือจะพร้อมใช้งานทันทีในแชทของคุณ รายการนี้มีป้าย Community — นั่นคือระดับการตรวจสอบของ Anthropic ไม่ใช่ข้อจำกัด
🌐 เว็บคอนเนกเตอร์ทำงานในเบราว์เซอร์ใดก็ได้ — ไม่ต้องใช้เดสก์ท็อปแอปหรือ Node.js เหมาะสำหรับการแก้ไขด่วนระหว่างเดินทาง
เพิ่มสิ่งนี้ลงใน claude_desktop_config.json ของคุณ:
{
"mcpServers": {
"websitepublisher": {
"command": "npx",
"args": ["-y", "mcp-remote", "https://mcp.websitepublisher.ai/"]
}
}
}
💡 ในการใช้งานครั้งแรก หน้าต่างเบราว์เซอร์จะเปิดขึ้นเพื่อให้ลงชื่อเข้าด้วย OAuth หลังจากนั้น โทเค็นจะถูกแคชโดยอัตโนมัติ
เพิ่ม WebsitePublisher เป็น MCP server ระยะไกลใน Cursor Cursor จัดการ OAuth โดยตรง — ไม่ต้องใช้บริดจ์หรือ Node.js
1
เพิ่มการตั้งค่า MCP
สร้างหรือแก้ไข ~/.cursor/mcp.json (ทุกโปรเจกต์) หรือ .cursor/mcp.json ในโฟลเดอร์โปรเจกต์ของคุณ:
{
"mcpServers": {
"websitepublisher": {
"url": "https://mcp.websitepublisher.ai/"
}
}
}
2
รีสตาร์ท Cursor
ออกจากโปรแกรมโดยสมบูรณ์แล้วเปิดใหม่ สลับไปที่ โหมด Agent ในแผงแชท (Ctrl+L → สลับ Agent)
3
ยืนยันตัวตน
ในการใช้งานครั้งแรก Cursor จะเปิดเบราว์เซอร์ของคุณเพื่อลงชื่อเข้าสู่ WebsitePublisher หลังจากลงชื่อเข้าแล้ว คุณจะถูกส่งกลับไปที่ Cursor โดยอัตโนมัติและเครื่องมือพร้อมใช้งาน
💡 ยังใช้การตั้งค่า npx mcp-remote แบบเก่าอยู่หรือไม่? ยังใช้งานได้ แต่การตั้งค่า url ด้านบนง่ายกว่าและไม่ต้องใช้ Node.js
VS Code 1.101+ รองรับ MCP ระยะไกลแบบเนทีฟพร้อม OAuth auto-discovery ไม่ต้องใช้บริดจ์
1
เพิ่มการตั้งค่า MCP
สร้าง .vscode/mcp.json ในเวิร์กสเปซของคุณ:
{
"servers": {
"websitepublisher": {
"type": "http",
"url": "https://mcp.websitepublisher.ai/"
}
}
}
2
ยืนยันตัวตน
Copilot ค้นพบ OAuth โดยอัตโนมัติ ลงชื่อเข้าเมื่อเบราว์เซอร์เปิดขึ้น
3
ใช้ในโหมด Agent
สลับไปที่โหมด Agent ใน Copilot Chat แล้วเริ่มสร้าง
💡 สังเกตรูปแบบที่แตกต่าง: "servers" (ไม่ใช่ "mcpServers") และ "type": "http" + "url"
Devin Desktop รองรับ Streamable HTTP + OAuth auto-discovery แบบเนทีฟ ไม่ต้องใช้บริดจ์ ไม่ต้องใช้ Node.js — แค่ URL
1
เพิ่มการตั้งค่า MCP
สร้างหรือแก้ไข ~/.config/devin/mcp_config.json (Windows: %APPDATA%\devin\mcp_config.json) หรือเปิดจากแผง Cascade: เมนู … → MCPs → Open MCP config file:
{
"mcpServers": {
"websitepublisher": {
"serverUrl": "https://mcp.websitepublisher.ai/"
}
}
}
2
เปิดใช้งาน MCP server
รีสตาร์ท Devin Desktop ในแผง Cascade (เมนู … → MCPs) เปิดใช้งาน MCP server ของ WebsitePublisher คลิก "Allow" เมื่อถูกถามให้เปิดเว็บไซต์ภายนอก
🌟 Devin Desktop คือการผสานรวมที่สะอาดที่สุด — ไม่ต้องใช้บริดจ์ ไม่ต้องใช้ npx ไม่ต้องใช้ Node.js
สร้าง copilot แบบกำหนดเองด้วยความสามารถของ WebsitePublisher ผสานรวมผ่าน OAuth เข้ากับสภาพแวดล้อม Microsoft 365 ของคุณ
1
สร้าง Copilot ใหม่
ใน Copilot Studio สร้าง copilot ใหม่หรือเปิดอันที่มีอยู่
2
เพิ่ม MCP connector
ไปที่ Settings → Connectors → Add MCP connector ป้อน URL ของเซิร์ฟเวอร์: https://mcp.websitepublisher.ai/
3
ตั้งค่า OAuth
Copilot Studio ค้นพบการตั้งค่า OAuth โดยอัตโนมัติ ทำขั้นตอนการลงชื่อเข้าให้สมบูรณ์เพื่ออนุญาต
4
เปิดใช้งานเครื่องมือ
เลือกว่าเครื่องมือ WebsitePublisher ใดที่ copilot ของคุณควรเข้าถึงได้ แล้วเผยแพร่
⌨️ Developer SDK
Gemini และ Grok ทำงานโดยตรงในเว็บแอปของตนผ่านคอนเนกเตอร์แบบกำหนดเอง นักพัฒนายังสามารถเชื่อมต่อผ่าน Gemini SDK หรือ xAI API
เพิ่ม WebsitePublisher เป็นแอปแบบกำหนดเองในแอป Gemini Gemini ลงทะเบียนตัวเองและจัดการการลงชื่อเข้าผ่าน OAuth — ไม่ต้องใช้ API key
ℹ️ ปัจจุบัน Google เสนอแอปแบบกำหนดเองให้กับ บัญชี Google ส่วนบุคคลในสหรัฐอเมริกา อายุ 18+ โดยตั้งค่า Gemini เป็น ภาษาอังกฤษ และเปิด Keep Activity ไว้ บัญชีงานหรือโรงเรียน: ดู Gemini Enterprise ด้านล่าง
1
เพิ่มแอปแบบกำหนดเอง
บน gemini.google.com เปิด Settings → Connected Apps แล้วเพิ่มแอปแบบกำหนดเองด้วย URL ของ MCP server: https://mcp.websitepublisher.ai
3
เริ่มสร้าง
ในแชท Gemini ถามว่า: "Using WebsitePublisher, list my projects." แอปยังทำงานใน Spark บนเว็บและมือถือ
🏢 Gemini Enterprise: ผู้ดูแล Google Workspace เพิ่ม https://mcp.websitepublisher.ai เป็น MCP server แบบกำหนดเองสำหรับองค์กร จากนั้นสมาชิกทีมเชื่อมต่อด้วยบัญชี WebsitePublisher ของตนเอง
นักพัฒนา: Gemini SDK
Gemini SDK ของ Google รองรับ MCP ในตัวผ่าน stdio transport ด้วย npx
Python
pip install google-genai mcp
import asyncio
from google import genai
from mcp import ClientSession, StdioServerParameters
from mcp.client.stdio import stdio_client
client = genai.Client(api_key="your_gemini_api_key")
server_params = StdioServerParameters(
command="npx",
args=["-y", "websitepublisher-mcp@latest"],
env={"WPS_TOKEN": "wps_your_session_token_here"}
)
async def main():
async with stdio_client(server_params) as (read, write):
async with ClientSession(read, write) as session:
await session.initialize()
response = await client.aio.models.generate_content(
model="gemini-3.6-flash",
contents="List my WebsitePublisher projects",
config=genai.types.GenerateContentConfig(
temperature=0,
tools=[session],
)
)
print(response.text)
asyncio.run(main())
JavaScript
npm install @google/genai @modelcontextprotocol/sdk
import { GoogleGenAI, mcpToTool } from "@google/genai";
import { Client } from "@modelcontextprotocol/sdk/client/index.js";
import { StdioClientTransport } from "@modelcontextprotocol/sdk/client/stdio.js";
const transport = new StdioClientTransport({
command: "npx",
args: ["-y", "websitepublisher-mcp@latest"],
env: { WPS_TOKEN: "wps_your_session_token_here" }
});
const mcpClient = new Client({ name: "my-app", version: "1.0.0" });
await mcpClient.connect(transport);
const ai = new GoogleGenAI({ apiKey: "your_gemini_api_key" });
const response = await ai.models.generateContent({
model: "gemini-3.6-flash",
contents: "Create a homepage for my portfolio",
config: { tools: [mcpToTool(mcpClient)] }
});
console.log(response.text);
Grok
Connector
เพิ่ม WebsitePublisher เป็นคอนเนกเตอร์แบบกำหนดเองบน grok.com Grok จัดการการลงชื่อเข้าผ่าน OAuth
1
เพิ่มคอนเนกเตอร์แบบกำหนดเอง
บน grok.com เปิด Settings → Connectors แล้วเพิ่มคอนเนกเตอร์แบบกำหนดเองด้วย URL https://mcp.websitepublisher.ai
3
เริ่มสร้าง
ในแชท Grok ถามว่า: "Using WebsitePublisher, list my projects."
💡 Grok Business / Enterprise: ผู้ดูแลทีมต้องเพิ่มคอนเนกเตอร์ก่อนที่สมาชิกทีมจะใช้งานได้
นักพัฒนา: xAI API
Grok ยังรองรับ MCP ผ่านประเภทเครื่องมือ remote_mcp ใน xAI SDK
pip install xai-sdk
from xai_sdk import Client
client = Client(api_key="your_xai_api_key")
chat = client.chat.create(
model="grok-4-1-fast",
tools=[{
"type": "remote_mcp",
"server_url": "https://mcp.websitepublisher.ai",
"server_label": "websitepublisher",
"authorization": "wps_your_session_token_here"
}]
)
response = chat.send("List my WebsitePublisher projects")
print(response.content)
🛠️ เครื่องมือที่มีให้ใช้งาน (45)
ทุกแพลตฟอร์มเข้าถึงชุดเครื่องมือหลักเดียวกัน และครอบคลุมทั้งสแตก: เพจและแอสเซ็ต ข้อมูล ฟอร์ม การยืนยันตัวตน (ผู้ดูแล ผู้เช่า และผู้เยี่ยมชม) การผสานรวมและ vault งานตามกำหนดเวลา และประวัติโปรเจกต์ จำนวนที่แน่นอนแตกต่างกันไปตามโปรเจกต์ — การผสานรวมที่ตั้งค่าไว้จะเพิ่มเครื่องมือแบบไดนามิกโดยอัตโนมัติ:
Projects
get_started
เริ่มที่นี่ — คืนค่าโปรเจกต์ของคุณและการเรียกถัดไปที่แน่นอน
get_skill
สร้างแพตเทิร์น แนวทางการออกแบบ รายการตรวจสอบก่อนเปิดตัว
list_projects
แสดงรายการโปรเจกต์ทั้งหมดของคุณ
get_project_status
จำนวนเพจ/แอสเซ็ต โดเมน
create_project
สร้างโปรเจกต์ใหม่ (ชื่อ, ซับโดเมน)
Pages
list_pages
แสดงรายการเพจในโปรเจกต์
get_page
รับ HTML ของเพจ + ข้อมูลเวอร์ชัน
create_page
สร้างเพจ HTML ใหม่
update_page
แทนที่ทั้งเพจ
patch_page
อัปเดตบางส่วนด้วย diff/patch
delete_page
ลบเพจ
Versioning
get_page_versions
ประวัติเวอร์ชันพร้อม diff
rollback_page
ย้อนกลับไปยังเวอร์ชันก่อนหน้า
Assets
list_assets
แสดงรายการรูปภาพ CSS JS
upload_asset
อัปโหลดผ่าน base64 หรือ URL
delete_asset
ลบแอสเซ็ต
get_asset
อ่านเนื้อหาแอสเซ็ต (JS, CSS, JSON, SVG)
patch_asset
แก้ไขแบบค้นหา-แทนที่บางส่วนบนแอสเซ็ต
Entities (Dynamic Data)
entities
ประเภทเอนทิตี: แสดงรายการ สร้าง รับ schema อัปเดต ลบ (ตามการดำเนินการ)
records
แถวเรกคอร์ด: แสดงรายการ รับ สร้าง อัปเดต ลบ (ตามการดำเนินการ)
Vault (Secrets)
vault_list_secrets
แสดงรายการคีย์ลับที่เก็บไว้
vault_store_secret
เก็บความลับที่เข้ารหัส
vault_delete_secret
ลบความลับ
Integrations
list_integrations
การผสานรวมที่มีให้ใช้งาน
search_integrations
ค้นหาการผสานรวมตามสิ่งที่คุณต้องการทำ (มีมากกว่า 100 รายการ)
setup_integration
ตั้งค่าด้วย API keys
execute_integration
รันการดำเนินการผสานรวม
remove_integration
ลบการตั้งค่าการผสานรวม
Forms (SAPI)
configure_form
กำหนดฟอร์ม + การดำเนินการฝั่งเซิร์ฟเวอร์
list_forms
แสดงรายการฟอร์มที่ตั้งค่าไว้
remove_form
ลบการตั้งค่าฟอร์ม
Tracking
set_tracking_scripts
ฉีด GA, GTM, Pixel ฯลฯ
get_tracking_scripts
รับการตั้งค่าการติดตามปัจจุบัน
remove_tracking_scripts
ลบสคริปต์ติดตามทั้งหมด
Visual Editor (WPE)
create_edit_session
เปิดตัวแก้ไขรูปภาพแบบภาพสำหรับเพจ
get_edit_session_changes
รับการเปลี่ยนแปลงที่รอดำเนินการจากเซสชันตัวแก้ไข
Scheduled Tasks (AAPI)
create_scheduled_task
กำหนดเวลางานอัตโนมัติที่เกิดซ้ำ
list_scheduled_tasks
แสดงรายการงานตามกำหนดเวลาทั้งหมด + การรันครั้งถัดไป
delete_scheduled_task
ลบงานตามกำหนดเวลา
Task Management (TAPI)
tasks
งานพร้อมประวัติ: แสดงรายการ รับ สร้าง add_history ค้นหา ส่งออก (ตามการดำเนินการ)
Visitor Auth & Analytics (SAPI)
configure_visitor_auth
ตั้งค่าการยืนยันตัวตนผู้เยี่ยมชม
get_visitor_auth_config
รับการตั้งค่าการยืนยันตัวตนผู้เยี่ยมชม
get_analytics
วิเคราะห์ผู้เยี่ยมชมสำหรับโปรเจกต์
get_integration_schema
รับ schema การผสานรวมทั้งหมด + เอ็นด์พอยต์
🔗 เครื่องมือการผสานรวมแบบไดนามิก
นอกเหนือจากเครื่องมือหลัก 45 รายการ WebsitePublisher สร้างเครื่องมือเพิ่มเติมแบบไดนามิกตามการผสานรวมที่ตั้งค่าไว้ในโปรเจกต์ของคุณ การผสานรวมแต่ละรายการเปิดเผยเอ็นด์พอยต์ของตัวเองผ่าน execute_integration — ไม่ต้องใช้เครื่องมือ MCP เพิ่มเติม
มีการผสานรวม 124 รายการในหมวดหมู่เหล่านี้:
AI
Anthropic, OpenAI, Gemini, Groq, Mistral, Replicate, ElevenLabs, Deepgram, Stability, Perplexity
E-commerce
แคตตาล็อกสินค้า ตะกร้าสินค้า ชำระเงิน คำสั่งซื้อ สินค้าคงคลัง ใบแจ้งหนี้ ส่วนลด รีวิว รายการโปรด
Payments
Stripe, Mollie, PayPal
Resend, SendGrid, Mailgun, SMTP, Mailchimp, Brevo, Kit
Social
LinkedIn, Twitter/X
Messaging
Slack, Discord, Telegram, Twilio (SMS + WhatsApp)
Shipping
PostNL, SendCloud
CRM & Productivity
HubSpot, Notion, Linear, Todoist, Airtable, Supabase
Media
Cloudinary, Unsplash, Pexels, Giphy, Imgur, Vimeo, YouTube
Data
Google Places, NewsAPI, OpenWeather, Overheid.io KVK, Web Scraper
Platform
บล็อก ความคิดเห็น ฟลows การดาวน์โหลดไฟล์ เทมเพลตอีเมล การวิเคราะห์ Schema.org และอื่นๆ
Dev & Monitoring
GitHub, Sentry, Cal.com
📖 ดู เอกสารการผสานรวม สำหรับรายการทั้งหมดพร้อมเอ็นด์พอยต์และคำแนะนำการตั้งค่า
💬 ตัวอย่างพรอมต์
สิ่งเหล่านี้ใช้ได้บนทุกแพลตฟอร์ม:
🔧 การแก้ไขปัญหา
ChatGPT: ไม่ใช้ WebsitePublisher
หาก ChatGPT ตอบเอง (เช่นแสดงตัวอย่างเพจในแชทที่ไม่ได้เผยแพร่ที่ใด) ให้เริ่มข้อความของคุณด้วย @WebsitePublisher หากแอปยังไม่ตอบสนอง ให้ตรวจสอบว่าเชื่อมต่ออยู่ในการตั้งค่า ChatGPT ของคุณและเชื่อมต่อใหม่เพื่อรีเฟรชการลงชื่อเข้าด้วย OAuth ใช้ Custom GPT อยู่หรือไม่? ตรวจสอบให้แน่ใจว่าเป็น Custom GPT อย่างเป็นทางการ ของเรา ไม่ใช่อันที่สร้างด้วยตนเอง
Claude: เครื่องมือไม่แสดง
ออกจาก Claude Desktop โดยสมบูรณ์ (ไม่ใช่แค่ปิดหน้าต่าง) แล้วเปิดใหม่ หากยังหายไป ให้รันแอป Connect อีกครั้งเพื่อตั้งค่าใหม่
Cursor: เครื่องมือไม่โหลด
ตรวจสอบว่าคุณอยู่ใน โหมด Agent (ไม่ใช่โหมด Ask) ตรวจสอบว่า ~/.cursor/mcp.json มีการตั้งค่าที่ถูกต้อง รีสตาร์ท Cursor โดยสมบูรณ์
Devin Desktop (Windsurf): ไม่พบ MCP server
หลังจากเพิ่มการตั้งค่าแล้ว ให้รีสตาร์ท Devin Desktop และเปิดใช้งาน MCP server ด้วยตนเองในแผง Cascade นี่คือการออกแบบความปลอดภัยของ Devin Desktop — เซิร์ฟเวอร์ต้องเปิดใช้งานอย่างชัดเจน
GitHub Copilot: ไม่เชื่อมต่อ
ตรวจสอบว่าคุณใช้ VS Code 1.101+ ตรวจสอบว่าการตั้งค่าใช้ "servers" (ไม่ใช่ "mcpServers") และ "type": "http" สลับไปที่โหมด Agent ใน Copilot Chat
Mistral: เครื่องมือไม่แสดงในแชท
หลังจากเพิ่มคอนเนกเตอร์แล้ว ตรวจสอบว่าเปิดใช้งานในแชทของคุณ คลิกปุ่ม Tools (ไอคอน 4 สี่เหลี่ยม) ใต้ช่องป้อนข้อความและตรวจสอบว่า WebsitePublisher เปิดอยู่ หากคอนเนกเตอร์ไม่ปรากฏในไดเรกทอรี ให้ลองค้นหา "WebsitePublisher" (คำเดียว)
Gemini: ไม่มีตัวเลือก "Add custom app"
แอปแบบกำหนดเองถูกจำกัดโดย Google ให้เฉพาะบัญชีส่วนบุคคลในสหรัฐอเมริกาที่ตั้งค่า Gemini เป็นภาษาอังกฤษ บัญชีงานหรือโรงเรียนใช้ Gemini Enterprise (การตั้งค่าผู้ดูแล) คนอื่นๆ สามารถใช้เส้นทาง SDK ด้านบน
Grok: เชื่อมต่อแล้ว แต่ไม่มีเครื่องมือ
ลบคอนเนกเตอร์แล้วเพิ่มใหม่ ตรวจสอบว่าหน้าเข้าสู่ระบบ WebsitePublisher ปรากฏจริง — หาก Grok แสดง "connected" โดยไม่ถามให้ลงชื่อเข้า เครื่องมือจะไม่โหลด
OAuth: เบราว์เซอร์ไม่เปิด
สำหรับการตั้งค่าที่ใช้ mcp-remote (Claude Desktop, การตั้งค่า Cursor รุ่นเก่า): ตรวจสอบว่า npx ทำงานในเทอร์มินัลของคุณ ลองรัน npx -y mcp-remote --help เพื่อตรวจสอบ
โทเค็นหมดอายุ
โทเค็น OAuth รีเฟรชโดยอัตโนมัติสำหรับแพลตฟอร์มส่วนใหญ่ สำหรับผู้ใช้ SDK: รับโทเค็นเซสชันใหม่จาก แดชบอร์ด
💡 ทดสอบด่วน: ถาม AI ของคุณว่า "List my WebsitePublisher projects" — หากใช้งานได้ แสดงว่าคุณเชื่อมต่อแล้ว!
📚 ทรัพยากร
⬇️ เชื่อมต่อแอป 🎛️ แดชบอร์ด 🤖 AI ที่รองรับ 📄 ข้อมูลจำเพาะ OpenAPI 🔍 การค้นพบ 🐙 พื้นที่เก็บ GitHub 🔌 โปรโตคอล MCP 📖 เอกสาร PAPI 🔗 การผสานรวม