ข้ามไปยังเนื้อหาหลัก

Logto MCP Server

Logto MCP Server คือเซิร์ฟเวอร์ MCP (Model Context Protocol) ระยะไกล เพียงเพิ่ม URL นี้ลงในแอป AI ของคุณ ลงชื่อเข้าใช้ด้วยบัญชี Logto Cloud แล้วเริ่มพูดคุยกับ Logto ได้เลย

เคล็ดลับ:

Logto MCP Server ถูกสร้างขึ้นด้วย Logto และ MCP Auth หากคุณต้องการสร้างเซิร์ฟเวอร์ MCP ระยะไกลของคุณเอง ดูที่ สร้างเซิร์ฟเวอร์ MCP ระยะไกลของคุณเอง

สิ่งที่คุณสามารถทำได้​

  • เพิ่มการยืนยันตัวตนให้กับโปรเจกต์ของคุณ: AI จะตรวจจับ framework ของคุณ สร้างแอป Logto และสร้างโค้ดสำหรับการเชื่อมต่อที่ใช้งานได้จริง รองรับ framework มากกว่า 38 ตัว เช่น React, Next.js, Vue, Nuxt, SvelteKit, Express, Go, Python, iOS, Android, Flutter และอื่น ๆ อีกมากมาย
  • ถามคำถามเกี่ยวกับ Logto: AI จะค้นหาเอกสาร Logto และให้คำตอบพร้อมแหล่งอ้างอิง

ความสามารถอื่น ๆ กำลังจะมาเร็ว ๆ นี้ เช่น การตั้งค่าประสบการณ์การลงชื่อเข้าใช้ การจัดการ RBAC และสิทธิ์ (permissions) พร้อมคำแนะนำแนวปฏิบัติที่ดีที่สุด การตั้งค่าหลายผู้เช่า (multi-tenancy) สำหรับการสร้างแอป B2B ที่มีองค์กร และอื่น ๆ

ตั้งค่าในแอป AI ของคุณ​

Claude Code​

claude mcp add --transport http --client-id mcp-client --callback-port 8080 logto https://mcp.logto.io

คุณสามารถเปลี่ยน 8080 เป็นพอร์ตใดก็ได้ที่ว่างบนเครื่องของคุณ

จากนั้น รัน /mcp ใน Claude Code และทำตามขั้นตอนการเข้าสู่ระบบผ่านเบราว์เซอร์เพื่อยืนยันตัวตนกับบัญชี Logto Cloud ของคุณ

Claude Desktop​

  1. เปิด Settings จากเมนูหลัก ไปที่ Connectors แล้วคลิก Add custom connector
  2. กรอกชื่อ Logto MCP Server และ URL ของเซิร์ฟเวอร์ MCP ระยะไกล: https://mcp.logto.io
  3. ขยาย Advanced settings และกรอก OAuth Client ID: mcp-client จากนั้นคลิก Add
  4. ในรายการ Connectors หา Logto MCP Server แล้วคลิก Connect
  5. คุณจะถูกเปลี่ยนเส้นทางไปยังหน้าเว็บ Claude หากยังไม่มี session ให้ลงชื่อเข้าใช้บัญชี Claude ก่อน
  6. หลังจากลงชื่อเข้าใช้ Claude แล้ว จะถูกเปลี่ยนเส้นทางไปยังหน้าลงชื่อเข้าใช้ Logto Cloud ให้ลงชื่อเข้าใช้ด้วยบัญชี Logto Cloud และอนุญาตการเชื่อมต่อ

Cursor​

  1. เปิด command palette (Command + Shift + P) แล้วเลือก View: Open MCP Settings

  2. ในส่วน Installed MCP Servers คลิกปุ่ม Add Custom MCP

  3. ในไฟล์ mcp.json ที่เปิดขึ้นมา ให้เพิ่มการตั้งค่าดังนี้:

    {
      "mcpServers": {
        "Logto": {
          "command": "npx",
          "args": [
            "mcp-remote",
            "https://mcp.logto.io",
            "--allow-http",
            "--static-oauth-client-info",
            "{ \"client_id\": \"mcp-client\", \"scope\": \"mcp:all\" }",
            "--resource",
            "https://mcp.logto.io/"
          ]
        }
      }
    }

หน้าลงชื่อเข้าใช้ Logto Cloud จะปรากฏขึ้นโดยอัตโนมัติ ลงชื่อเข้าใช้ด้วยบัญชี Logto Cloud ของคุณเพื่อเชื่อมต่อ

OpenCode​

  1. เพิ่มการตั้งค่าต่อไปนี้ลงในไฟล์ opencode.json ของคุณ:

    {
      "$schema": "https://opencode.ai/config.json",
      "mcp": {
        "Logto": {
          "enabled": true,
          "type": "remote",
          "url": "https://mcp.logto.io",
          "oauth": {
            "clientId": "mcp-client"
          }
        }
      }
    }

  2. รันคำสั่งต่อไปนี้เพื่อยืนยันตัวตน:

    opencode mcp auth Logto

    หมายเหตุว่า Logto ตรงกับชื่อ MCP server ในไฟล์ config ของคุณ

จะมีหน้าต่างเบราว์เซอร์เปิดขึ้น ให้ลงชื่อเข้าใช้ด้วยบัญชี Logto Cloud เพื่ออนุญาตและเชื่อมต่อ

VS Code​

  1. เปิด command palette (Command + Shift + P) แล้วเลือก MCP: Add Server...
  2. เลือก HTTP เป็นประเภทเซิร์ฟเวอร์
  3. กรอก URL: https://mcp.logto.io คุณสามารถเลือกติดตั้งใน workspace เพื่อการแยกและจัดการที่ดียิ่งขึ้น
  4. เมื่อเริ่ม OAuth flow ให้กรอก App ID: mcp-client ปล่อยช่อง App Secret ว่างไว้แล้วกด Enter เพื่อข้าม
  5. คุณจะถูกเปลี่ยนเส้นทางไปยังหน้าลงชื่อเข้าใช้ Logto Cloud ให้ลงชื่อเข้าใช้ด้วยบัญชี Logto Cloud เพื่อเชื่อมต่อ

Windsurf​

  1. เปิด command palette (Command + Shift + P) แล้วเลือก Windsurf: MCP Marketplace

  2. ในส่วน Installed MCPs คลิกไอคอนตั้งค่าด้านขวาเพื่อสร้างและเปิดไฟล์ ~/.codeium/windsurf/mcp_config.json

  3. เพิ่ม การตั้งค่า ต่อไปนี้:

    {
      "mcpServers": {
        "Logto": {
          "command": "npx",
          "args": [
            "mcp-remote",
            "https://mcp.logto.io",
            "--allow-http",
            "--static-oauth-client-info",
            "{ \"client_id\": \"mcp-client\", \"scope\": \"mcp:all\" }",
            "--resource",
            "https://mcp.logto.io/"
          ]
        }
      }
    }

หน้าลงชื่อเข้าใช้ Logto Cloud จะปรากฏขึ้นโดยอัตโนมัติ ลงชื่อเข้าใช้ด้วยบัญชี Logto Cloud ของคุณเพื่อเชื่อมต่อ

ลูกค้า MCP อื่น ๆ​

Logto MCP Server สามารถใช้งานร่วมกับลูกค้า MCP ใด ๆ ที่รองรับ OAuth authorization ใช้การตั้งค่าต่อไปนี้:

  • MCP server URL: https://mcp.logto.io
  • OAuth client ID: mcp-client
  • Resource: https://mcp.logto.io/ (หากลูกค้าของคุณต้องการ)
  • Scope: mcp:all (หากลูกค้าของคุณต้องการ)

หากคุณเป็นนักพัฒนาแอป AI และต้องการรองรับการเชื่อมต่อกับ Logto MCP Server แต่ Logto MCP Server ยังไม่รองรับ redirect URI ของแอปของคุณ กรุณา ติดต่อเรา พร้อมรายละเอียดแอปของคุณ

สร้างเซิร์ฟเวอร์ MCP ระยะไกลของคุณเอง​

Logto MCP Server ถูกสร้างขึ้นด้วย Logto และ MCP Auth หากคุณต้องการสร้างเซิร์ฟเวอร์ MCP ระยะไกลของคุณเองพร้อมการยืนยันตัวตน ดูแหล่งข้อมูลต่อไปนี้:

  • Remote MCP server in action: a new entry point for SaaS products in the AI era
  • เข้าร่วม Discord ของเรา: แบ่งปันประสบการณ์และแนวปฏิบัติที่ดีที่สุดในการสร้างเซิร์ฟเวอร์ MCP ระยะไกล
  • MCP Auth: ทุกอย่างที่คุณต้องการเพื่อเพิ่มการยืนยันตัวตนระดับ production ให้กับเซิร์ฟเวอร์ MCP ของคุณ ไม่ต้องเสียเวลาหลายสัปดาห์อ่านสเปกหรือเชื่อมโยงระบบเอง