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

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 ของคุณเชื่อมต่อ​

Logto MCP Server รองรับ 2 วิธีสำหรับแอป AI ในการระบุตัวตนเมื่อคุณลงชื่อเข้าใช้ โดยคุณไม่จำเป็นต้องสร้างอะไรใน Logto Cloud สำหรับทั้งสองวิธี

  • Server URL เท่านั้น (แนะนำ): แอป AI ส่วนใหญ่ในปัจจุบันรองรับ client ID metadata documents (CIMD) แอปจะใช้ URL ที่เป็นเจ้าของเป็น client ID และ Logto จะอ่านชื่อแอปและ redirect URI จาก URL นั้น คุณเพียงกรอก server URL https://mcp.logto.io
  • Static client ID: สำหรับแอปที่ยังไม่รองรับ CIMD ให้กรอก public OAuth client ID mcp-client client นี้รองรับ loopback redirect URI (http://localhost หรือ http://127.0.0.1 พร้อมพอร์ตใดก็ได้)

หากแอปของคุณรองรับทั้งสองแบบ ให้ใช้ server URL เท่านั้น การเชื่อมต่อเดิมที่ใช้ mcp-client จะยังคงใช้งานได้ต่อไป คุณไม่จำเป็นต้องเชื่อมต่อใหม่

เมื่อคุณเชื่อมต่อด้วย server URL เท่านั้น หน้า sign-in ของ Logto Cloud จะแสดงหน้าขอความยินยอม (consent screen) พร้อมชื่อแอปและ host ของ client ID URL เช่น claude.ai หรือ vscode.dev โปรดตรวจสอบว่า host ตรงกับแอปที่คุณใช้งานก่อนอนุญาต

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

Amp​

  1. ใน Amp เปิด Personal Settings > Integrations & MCP แล้วคลิก Add MCP Server
  2. กรอกชื่อ Logto MCP Server และ server URL: https://mcp.logto.io Amp จะตรวจจับวิธีการยืนยันตัวตนอัตโนมัติ
  3. คลิก Connect และทำตามคำแนะนำของ Amp เพื่อเข้าสู่ระบบ
  4. ลงชื่อเข้าใช้ด้วยบัญชี Logto Cloud ของคุณและอนุญาตการเชื่อมต่อ
เคล็ดลับ:

หาก Amp ค้างที่ Detecting Authentication นาน ให้คลิก Change และเลือก OAuth เพื่อข้ามการตรวจจับอัตโนมัติ ปล่อย OAuth Client ID และ OAuth Client Secret ใน Use Your Own OAuth App ว่างไว้ จากนั้นคลิก Connect และทำตามคำแนะนำ Amp รองรับ CIMD คุณจึงไม่ต้องลงทะเบียน OAuth app หรือกรอก mcp-client

Claude Code​

claude mcp add --transport http logto https://mcp.logto.io

จากนั้นรัน /mcp ใน Claude Code เลือก logto และทำตามขั้นตอนในเบราว์เซอร์เพื่อยืนยันตัวตนด้วยบัญชี Logto Cloud ของคุณ หรือจะรัน claude mcp login logto ใน shell ก็ได้

Claude (เว็บและเดสก์ท็อป)​

  1. เปิด Customize > Connectors แล้วคลิก Add custom connector
  2. กรอกชื่อ Logto MCP Server และ remote MCP server URL: https://mcp.logto.io ปล่อย OAuth settings ใน Advanced settings ว่างไว้ แล้วคลิก Add
  3. ในรายการ Connectors หา Logto MCP Server แล้วคลิก Connect
  4. คุณจะถูกเปลี่ยนไปยังหน้า sign-in ของ Logto Cloud ลงชื่อเข้าใช้ด้วยบัญชี Logto Cloud ของคุณและอนุญาตการเชื่อมต่อ

Connectors จะถูกบันทึกในบัญชี Claude ของคุณ จึงใช้งานได้ทั้ง Claude บนเว็บและ Claude Desktop

ChatGPT และ Codex​

  1. ที่แถบด้านซ้าย เปิด Plugins แล้วคลิก Add > Add custom MCP server ที่มุมขวาบน
  2. กรอกชื่อ Logto MCP Server ที่ Connection เลือก Server URL และกรอก https://mcp.logto.io
  3. คงค่าเริ่มต้น Authentication (OAuth) และ Advanced OAuth settings
  4. เลือก I understand and want to continue แล้วคลิก Create as a plugin
  5. ในหน้าต่าง Connect Logto MCP Server คลิก Connect Logto MCP Server ลงชื่อเข้าใช้ด้วยบัญชี Logto Cloud ของคุณและอนุญาตการเชื่อมต่อ
เคล็ดลับ:

หาก Logto MCP Server ไม่แสดงใน Installed หลังจากลงชื่อเข้าใช้ รอสักครู่แล้วคลิกปุ่ม refresh ที่มุมขวาบนของหน้า Plugins

คุณยังสามารถเพิ่มเซิร์ฟเวอร์ด้วย Codex CLI ได้เช่นกัน:

codex mcp add logto --url https://mcp.logto.io
codex mcp login logto

จะมีหน้าต่างเบราว์เซอร์เปิดขึ้น ลงชื่อเข้าใช้ด้วยบัญชี Logto Cloud ของคุณเพื่อเชื่อมต่อ แอป ChatGPT เดสก์ท็อป, Codex CLI และ Codex IDE extension ใช้การตั้งค่านี้ร่วมกัน

Cursor​

Cursor ยังไม่รองรับ CIMD จึงใช้ static client ID

  1. เปิด Customize > MCPs หรือเปิด ~/.cursor/mcp.json (global) หรือ .cursor/mcp.json (project)

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

    {
      "mcpServers": {
        "Logto": {
          "url": "https://mcp.logto.io",
          "auth": {
            "CLIENT_ID": "mcp-client",
            "scopes": ["mcp:all"]
          }
        }
      }
    }

  3. คลิก Connect ข้างเซิร์ฟเวอร์ จะมีหน้า sign-in ของ Logto Cloud ปรากฏขึ้น ลงชื่อเข้าใช้ด้วยบัญชี Logto Cloud ของคุณเพื่อเชื่อมต่อ

ลงชื่อเข้าใช้จาก Cursor desktop app เท่านั้น Web callback ที่ใช้ใน Cursor บนเว็บและ Cursor Agents ยังไม่รองรับ

OpenCode​

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

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

  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. เมื่อ VS Code ขอให้ยืนยันตัวตน ให้อนุญาต จะถูกเปลี่ยนไปยังหน้า sign-in ของ Logto Cloud ลงชื่อเข้าใช้ด้วยบัญชี Logto Cloud ของคุณเพื่อเชื่อมต่อ

หรือจะเพิ่มเซิร์ฟเวอร์ใน .vscode/mcp.json หรือ mcp.json ของผู้ใช้ก็ได้:

{
  "servers": {
    "logto": {
      "type": "http",
      "url": "https://mcp.logto.io"
    }
  }
}

Windsurf​

Windsurf ยังไม่มีเอกสารรองรับ CIMD ให้ใช้ mcp-remote กับ static client ID

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

  2. ในส่วน Installed MCPs คลิกไอคอนตั้งค่าทางขวาเพื่อเปิดไฟล์ config MCP

  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 client อื่น ๆ​

Logto MCP Server ใช้งานได้กับ MCP client ใด ๆ ที่รองรับ OAuth การอนุญาต (Authorization):

  • หาก client ของคุณรองรับ CIMD: กรอกเพียง MCP server URL https://mcp.logto.io client จะค้นหาข้อมูลอื่น ๆ จากเซิร์ฟเวอร์เอง
  • หากไม่รองรับ: ใช้การตั้งค่าต่อไปนี้
    • MCP server URL: https://mcp.logto.io
    • OAuth client ID: mcp-client (ไม่ต้องใช้ client secret)
    • Redirect URI: loopback address เช่น http://localhost:<port>/callback
    • Resource: https://mcp.logto.io/ (หาก client ของคุณต้องการ)
    • Scope: mcp:all (หาก client ของคุณต้องการ)

Logto MCP Server ไม่รองรับ Dynamic Client Registration (DCR) หากคุณเป็นนักพัฒนาแอป AI เผยแพร่ client ID metadata document สำหรับแอปของคุณ แล้วจะเชื่อมต่อได้โดยไม่ต้องตั้งค่าใด ๆ ใน Logto หากทำไม่ได้ ติดต่อเรา พร้อมรายละเอียดแอปของคุณ

สร้างเซิร์ฟเวอร์ 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: ทุกอย่างที่คุณต้องการเพื่อเพิ่ม auth ที่พร้อมใช้งานจริงให้กับเซิร์ฟเวอร์ MCP ของคุณ ไม่ต้องเสียเวลาหลายสัปดาห์อ่านสเปกหรือเชื่อมโยงระบบเอง