Week 6 of 12 🔌
MCP Server Integrations
การเชื่อมต่อ MCP Server
1. Introduction / บทนำ
MCP (Model Context Protocol) เชื่อมต่อ Claude Code กับบริการภายนอกเช่น GitHub, ฐานข้อมูล, Slack และเบราว์เซอร์ MCP servers เปิดเผยเครื่องมือที่ Claude ใช้ได้ ทำให้เป็นศูนย์กลางที่เชื่อมต่อกับ workflow การพัฒนาทั้งหมด
MCP (Model Context Protocol) connects Claude Code to external services like GitHub, databases, Slack, and browsers. MCP servers expose tools that Claude can use, turning it into a hub that integrates with your entire development workflow.
Fun Facts / ข้อเท็จจริงที่น่าสนใจ
- MCP supports three transport types: stdio, http, and sse.
- GitHub's MCP server lets Claude read repos and create PRs directly.
- You can configure MCP servers per-project in .mcp.json.
2. Vocabulary / คำศัพท์
Click a card to flip it. คลิกการ์ดเพื่อพลิก
server
เซิร์ฟเวอร์
A computer that provides services
protocol
โปรโตคอล
A set of rules for communication
integration
การเชื่อมต่อ
Connecting two systems together
connect
เชื่อมต่อ
To link one system to another
transport
การขนส่ง
How data travels (stdio, http, sse)
configure
กำหนดค่า
To set up how something works
scope
ขอบเขต
Where a setting applies (local, project, global)
endpoint
เอนด์พอยต์
A URL where a service can be reached
database
ฐานข้อมูล
A structured collection of data
authenticate
ยืนยันตัวตน
To prove who you are
token
โทเค็น
A key used for authentication
external
ภายนอก
Outside the current system
3. Grammar Focus / ไวยากรณ์
Connecting Ideas (and, or, so, because) / การเชื่อมประโยค (and, or, so, because)
Thai:
คำเชื่อม (conjunctions) เชื่อมความคิด: 'and' เพิ่มข้อมูล, 'or' ให้ทางเลือก, 'so' แสดงผลลัพธ์, 'because' ให้เหตุผล ตัวอย่าง: 'Install the server and configure it.' 'It failed because the token was wrong.'
คำเชื่อม (conjunctions) เชื่อมความคิด: 'and' เพิ่มข้อมูล, 'or' ให้ทางเลือก, 'so' แสดงผลลัพธ์, 'because' ให้เหตุผล ตัวอย่าง: 'Install the server and configure it.' 'It failed because the token was wrong.'
English:
Connecting words (conjunctions) join ideas: 'and' adds information, 'or' gives alternatives, 'so' shows result, 'because' gives reason. Example: 'Install the server and configure it.' 'It failed because the token was wrong.'
Connecting words (conjunctions) join ideas: 'and' adds information, 'or' gives alternatives, 'so' shows result, 'because' gives reason. Example: 'Install the server and configure it.' 'It failed because the token was wrong.'
เชื่อมต่อ GitHub และสร้าง pull request
Connect to GitHub and create a pull request.
ใช้ stdio หรือ http transport
Use stdio or http transport.
การยืนยันตัวตนล้มเหลวเพราะโทเค็นหมดอายุ
Authentication failed because the token expired.
Section Check 1
What does MCP stand for?
MCP ย่อมาจากอะไร?
Section Check 2
Where is project MCP config?
Config MCP ของโปรเจกต์อยู่ที่ไหน?
Section Check 3
Which word gives a reason?
คำใดให้เหตุผล?
4. Tutorial Steps / ขั้นตอนการเรียนรู้
1
View MCP servers / ดู MCP servers
Type /mcp to see configured servers and their status.
Type /mcp to see configured servers and their status.
2
Add a remote server / เพิ่มเซิร์ฟเวอร์ระยะไกล
Run: claude mcp add github --transport http https://api.github.com/mcp/
Run: claude mcp add github --transport http https://api.github.com/mcp/
3
Add a local server / เพิ่มเซิร์ฟเวอร์ท้องถิ่น
Run: claude mcp add playwright --transport stdio -- npx @playwright/mcp@latest
Run: claude mcp add playwright --transport stdio -- npx @playwright/mcp@latest
4
Configure in .mcp.json / กำหนดค่าใน .mcp.json
Create .mcp.json in your project root with server definitions.
Create .mcp.json in your project root with server definitions.
5
Use MCP tools / ใช้เครื่องมือ MCP
Once connected, ask Claude to use the server's tools — e.g., 'Create a GitHub issue'.
Once connected, ask Claude to use the server's tools — e.g., 'Create a GitHub issue'.
5. Hands-On Activity / กิจกรรมลงมือทำ
แบบฝึกหัด: ตั้งค่า GitHub MCP server และขอให้ Claude ระบุ repositories ของคุณ จากนั้นสร้างไฟล์ .mcp.json สำหรับโปรเจกต์
Practice: Set up the GitHub MCP server and ask Claude to list your repositories. Then create a .mcp.json file for your project.
6. Reference Table / ตารางอ้างอิง
| Command / Tool | English | ภาษาไทย |
|---|---|---|
claude mcp add | Add an MCP server | เพิ่ม MCP server |
claude mcp remove | Remove an MCP server | ลบ MCP server |
claude mcp list | List configured servers | ระบุ servers ที่ตั้งค่า |
.mcp.json | Project MCP config file | ไฟล์ config MCP ของโปรเจกต์ |
/mcp | Manage MCP in session | จัดการ MCP ในเซสชัน |
7. Summary / สรุป
MCP เชื่อมต่อ Claude Code กับบริการภายนอกผ่าน servers ใช้ 'claude mcp add' เพื่อเชื่อมต่อ, .mcp.json สำหรับ config โปรเจกต์ คำเชื่อม (and, or, so, because) เชื่อมความคิดในประโยค
MCP connects Claude Code to external services via servers. Use 'claude mcp add' to connect, .mcp.json for project config. Conjunctions (and, or, so, because) connect ideas in sentences.
Homework / การบ้าน
1. ศึกษา MCP servers 3 ตัวและกรณีใช้งาน
2. สร้างไฟล์ .mcp.json พร้อม server หนึ่งตัว
3. เขียน 5 ประโยคโดยใช้ and, or, so, because
2. สร้างไฟล์ .mcp.json พร้อม server หนึ่งตัว
3. เขียน 5 ประโยคโดยใช้ and, or, so, because
1. Research 3 MCP servers and their use cases.
2. Create a .mcp.json file with one server.
3. Write 5 sentences using and, or, so, because.
2. Create a .mcp.json file with one server.
3. Write 5 sentences using and, or, so, because.