AppsAI MCP Server

ทางการ

สร้างและปรับใช้แอป Next.js แบบฟูลสแต็กด้วยเครื่องมือ 98 รายการสำหรับ React, AWS และ MongoDB

เอกสาร

AppsAI MCP Server

สร้างและปรับใช้แอปฟูลสแต็กด้วย AI เซิร์ฟเวอร์ MCP นี้เชื่อมต่อ Claude Code, Cursor, Windsurf และเครื่องมือ AI อื่นๆ เข้ากับโปรเจกต์ AppsAI ของคุณ

สแต็กที่รองรับ:

  • ฟรอนต์เอนด์: Next.js พร้อม React, Tailwind CSS และ shadcn/ui
  • แบ็กเอนด์: Parse Server, Express, Fastify, Hono, Supabase Edge Functions, Firebase Cloud Functions, Serverless Framework หรือแบบกำหนดเอง
  • ฐานข้อมูล: MongoDB Atlas (จัดการให้)
  • โครงสร้างพื้นฐาน: AWS (S3, CloudFormation, EC2, Lambda และอื่นๆ)

การติดตั้ง

Claude Code

claude mcp add appsai -e APPSAI_API_KEY=your_key -- npx -y @appsai/mcp-server

Claude Desktop

เพิ่มไปยัง claude_desktop_config.json:

{
  "mcpServers": {
    "appsai": {
      "command": "npx",
      "args": ["-y", "@appsai/mcp-server"],
      "env": {
        "APPSAI_API_KEY": "your_key"
      }
    }
  }
}

Cursor / Windsurf

เพิ่มไปยังการตั้งค่า MCP ด้วย:

  • คำสั่ง: npx -y @appsai/mcp-server
  • สภาพแวดล้อม: APPSAI_API_KEY=your_key

การรับ API Key ของคุณ

สำหรับมนุษย์

  1. ลงทะเบียนที่ appsai.com
  2. ไปที่ Settings > Billing > API Keys
  3. คลิก Create API Key
  4. คัดลอก key (แสดงเพียงครั้งเดียว)

สำหรับ AI Agent (การลงทะเบียนอัตโนมัติ)

AI Agent สามารถลงทะเบียนและรับ API key โดยทางโปรแกรมผ่านการยืนยันตัวตนด้วยกระเป๋าเงิน:

import requests
from eth_account import Account
from eth_account.messages import encode_defunct

# Agent's wallet
private_key = "0x..."
account = Account.from_key(private_key)

BASE_URL = "https://internal.appsai.com/server/functions"
HEADERS = {"Content-Type": "application/json", "X-Parse-Application-Id": "appsai"}

# 1. Get nonce
nonce_data = requests.post(f"{BASE_URL}/getAgentAuthNonce", headers=HEADERS, json={}).json()["result"]

# 2. Sign the message
signed = account.sign_message(encode_defunct(text=nonce_data["message"]))

# 3. Register and get API key
result = requests.post(f"{BASE_URL}/registerAgentWallet", headers=HEADERS, json={
    "walletAddress": account.address,
    "signature": signed.signature.hex(),
    "nonce": nonce_data["nonce"]
}).json()["result"]

api_key = result["apiKey"]  # Use this with MCP

การเพิ่มเครดิตผ่านคริปโต

Agent สามารถชำระค่าเครดิตโดยใช้ USDC บนเชนที่รองรับ (Ethereum, Base, Arbitrum, Polygon):

# 1. Get payment info
info = requests.post(f"{BASE_URL}/getCryptoPaymentInfo", headers=HEADERS, json={}).json()["result"]
receiving_wallet = info["receivingWallet"]

# 2. Send USDC to receiving_wallet (via your preferred method)

# 3. Verify transaction and add credits
result = requests.post(f"{BASE_URL}/addFundsCrypto", headers=HEADERS, json={
    "walletAddress": account.address,
    "txHash": "0xYOUR_TX_HASH",
    "chainId": 8453  # Base
}).json()["result"]

print(f"Credits added: {result['creditsAdded']}")

สำหรับเอกสาร API โดยละเอียด ดู Agent API Docs

เครื่องมือ (รวม 150+ รายการ)

เครื่องมือพัฒนาหลัก

หมวดหมู่เครื่องมือคำอธิบาย
โปรเจกต์5สร้าง แสดงรายการ และจัดการโปรเจกต์
Canvas25แก้ไขคอมโพเนนต์ React, สไตล์ และทรัพยากร
แบ็กเอนด์18โค้ดแบ็กเอนด์, S3, CloudFormation และโครงสร้างพื้นฐาน AWS
ระบบ11ปรับใช้ฟรอนต์เอนด์/แบ็กเอนด์, เชื่อมต่อแอป, จัดการเซิร์ฟเวอร์ MCP
MongoDB18การจัดการฐานข้อมูลและคอลเลกชัน
Agent9การจัดการพรอมต์ AI และการกำหนดเวอร์ชัน

เครื่องมือจัดการแพลตฟอร์ม

หมวดหมู่เครื่องมือคำอธิบาย
การเรียกเก็บเงิน15การสมัครสมาชิก, เครดิต, การชำระเงิน, ใบแจ้งหนี้
ตลาด12เผยแพร่, เรียกดู และซื้อเทมเพลต
ผู้ขาย5Stripe Connect, รายได้, แดชบอร์ดผู้ขาย
โดเมน7การจัดการโดเมนย่อยและโดเมนแบบกำหนดเอง
ทีม7ผู้ทำงานร่วมกัน, สิทธิ์, คำเชิญ
การโอน6การโอนความเป็นเจ้าของโปรเจกต์
การตั้งค่า4การตั้งค่าการแสดงผลโปรเจกต์และข้อมูลเมตา
API Keys3การจัดการ API key ของแพลตฟอร์ม
ค่าใช้จ่าย6ค่าใช้จ่าย AWS, เมตริกการใช้งาน, การคาดการณ์

เครื่องมือระบบ

เครื่องมือคำอธิบาย
system_DEPLOY_BACKENDปรับใช้โครงสร้างพื้นฐานแบ็กเอนด์
system_DEPLOY_FRONTENDปรับใช้ฟรอนต์เอนด์ไปยัง CDN
system_DEPLOY_ALLปรับใช้ทั้งฟรอนต์เอนด์และแบ็กเอนด์
system_GET_ENVIRONMENT_STATUSรับสถานะการปรับใช้และ URL
system_GET_DEPLOY_ARTIFACTSรับอาร์ติแฟกต์และประวัติการปรับใช้
system_CONNECT_APPเชื่อมต่อสองโปรเจกต์สำหรับการดำเนินการข้ามแอป
system_DISCONNECT_APPลบการเชื่อมต่อระหว่างโปรเจกต์
system_ADD_MCP_SERVERเพิ่มเซิร์ฟเวอร์ MCP ภายนอกไปยังโปรเจกต์
system_LIST_MCP_SERVERSแสดงรายการเซิร์ฟเวอร์ MCP ที่กำหนดค่าไว้
system_UPDATE_MCP_SERVERอัปเดตการกำหนดค่าเซิร์ฟเวอร์ MCP
system_REMOVE_MCP_SERVERลบเซิร์ฟเวอร์ MCP ออกจากโปรเจกต์

เครื่องมือการเรียกเก็บเงิน

เครื่องมือคำอธิบาย
billing_GET_CURRENT_PLANรับรายละเอียดแผนการสมัครสมาชิก
billing_CREATE_CHECKOUTเริ่มการซื้อการสมัครสมาชิก
billing_GET_PORTAL_SESSIONเปิดพอร์ทัลการเรียกเก็บเงิน Stripe
billing_ADD_FUNDSเพิ่มเครดิตเข้าบัญชี
billing_GET_AVAILABLE_CREDITSรับยอดเครดิตปัจจุบัน
billing_GET_INVOICESแสดงรายการใบแจ้งหนี้
billing_GET_PAYMENT_METHODSแสดงรายการวิธีการชำระเงินที่บันทึกไว้

เครื่องมือตลาด

เครื่องมือคำอธิบาย
marketplace_PUBLISH_TEMPLATEเผยแพร่โปรเจกต์ไปยังตลาด
marketplace_UNPUBLISH_TEMPLATEลบออกจากตลาด
marketplace_GET_TEMPLATESเรียกดูเทมเพลตในตลาด
marketplace_GET_TEMPLATE_DETAILSรับข้อมูลเทมเพลต
marketplace_FORK_TEMPLATEฟอร์กเทมเพลต
marketplace_GET_MY_PUBLISHEDเทมเพลตที่ผู้ใช้เผยแพร่
marketplace_GET_MY_PURCHASESประวัติการซื้อ

เครื่องมือโดเมน

เครื่องมือคำอธิบาย
domain_CHECK_AVAILABILITYตรวจสอบความพร้อมใช้งานของโดเมนย่อย
domain_UPDATE_SUBDOMAINอัปเดตโดเมนย่อยของโปรเจกต์
domain_ADD_CUSTOM_DOMAINเพิ่มโดเมนแบบกำหนดเอง
domain_VERIFY_CUSTOM_DOMAINตรวจสอบการกำหนดค่า DNS
domain_REMOVE_CUSTOM_DOMAINลบโดเมนแบบกำหนดเอง

เครื่องมือทีม

เครื่องมือคำอธิบาย
team_GET_COLLABORATORSแสดงรายการผู้ทำงานร่วมกันในโปรเจกต์
team_INVITE_COLLABORATORเชิญผู้ใช้เข้าสู่โปรเจกต์
team_REMOVE_COLLABORATORลบผู้ทำงานร่วมกัน
team_UPDATE_PERMISSIONSเปลี่ยนบทบาทผู้ทำงานร่วมกัน

ตัวอย่างการใช้งาน

"List my apps"
→ project_LIST_APPS

"Create a new Next.js app"
→ project_CREATE_APP

"Show the file tree for project abc123"
→ canvas_LIST_FILES

"Deploy the frontend"
→ system_DEPLOY_FRONTEND

"Add an MCP server to my project"
→ system_ADD_MCP_SERVER

"Check my current plan"
→ billing_GET_CURRENT_PLAN

"Publish my project to the marketplace"
→ marketplace_PUBLISH_TEMPLATE

"Add a custom domain"
→ domain_ADD_CUSTOM_DOMAIN

"Invite [email protected] to my project"
→ team_INVITE_COLLABORATOR

การรวมเซิร์ฟเวอร์ MCP

โปรเจกต์ AppsAI สามารถเชื่อมต่อกับเซิร์ฟเวอร์ MCP ภายนอก ทำให้ AI Agent ของคุณเข้าถึงเครื่องมือเพิ่มเติมได้:

"Add the Stripe MCP server to my project"
→ system_ADD_MCP_SERVER with serverUrl and serverLabel

"List my configured MCP servers"
→ system_LIST_MCP_SERVERS

"Disable the Stripe MCP server"
→ system_UPDATE_MCP_SERVER with enabled: false

เมื่อกำหนดค่าแล้ว AI Agent ในโปรเจกต์ AppsAI ของคุณสามารถใช้เครื่องมือจากเซิร์ฟเวอร์ MCP ที่เชื่อมต่อได้

ทรัพยากร

เซิร์ฟเวอร์ให้บริบทโปรเจกต์เป็นทรัพยากร MCP:

  • appsai://projects - รายการโปรเจกต์ของคุณ
  • appsai://project/{id} - รายละเอียดโปรเจกต์และโครงสร้างไฟล์

พรอมต์

พรอมต์ในตัวเพื่อสร้างแอปพลิเคชันเต็มรูปแบบ:

  • build-youtube - สร้างโคลน YouTube พร้อมการอัปโหลดวิดีโอและความคิดเห็น
  • build-slack - สร้างโคลน Slack พร้อมการส่งข้อความแบบเรียลไทม์
  • build-twitter - สร้างโคลน Twitter/X พร้อมโพสต์และการติดตาม
  • connect-apps - เชื่อมต่อสองโปรเจกต์ AppsAI เข้าด้วยกัน

ข้อกำหนด

  • Node.js 18+
  • บัญชี AppsAI พร้อมเครดิต
  • API key จาก Settings > Billing

เอกสาร

การสนับสนุน

ใบอนุญาต

MIT