# การผสานรวมโดยใช้ AI ช่วย

ใช้ผู้ช่วยเขียนโค้ด AI เพื่อผสานรวมและกำหนดค่าปลั๊กอิน Pushwoosh Flutter ในโปรเจกต์ของคุณ โดยการเชื่อมต่อผู้ช่วยของคุณกับเซิร์ฟเวอร์ [Context7](https://context7.com/) MCP จะทำให้สามารถเข้าถึงเอกสารปลั๊กอินล่าสุด ตัวอย่างโค้ด และ API reference ที่เป็นปัจจุบัน — เพื่อให้สามารถสร้างโค้ดการผสานรวมที่ถูกต้องและใช้งานได้

<Aside type="note">
ผู้ช่วย AI ของคุณต้องรองรับ [MCP (Model Context Protocol)](https://modelcontextprotocol.io/) เพื่อใช้งาน Context7 เครื่องมือที่รองรับ ได้แก่ **Claude Code**, **Cursor**, **Windsurf**, **Cline** และอื่นๆ
</Aside>

## การทำงาน

Context7 คือเซิร์ฟเวอร์ MCP ที่ให้เอกสารไลบรารีที่เป็นปัจจุบันแก่ผู้ช่วย AI เมื่อผู้ช่วยของคุณเข้าถึง Context7 ได้ ก็จะสามารถดึงเอกสารปลั๊กอิน Pushwoosh Flutter ล่าสุด, code snippets และ API reference ได้โดยตรงระหว่างการสนทนา — แทนที่จะต้องพึ่งพาข้อมูลการฝึกที่อาจล้าสมัย

ID ไลบรารีของปลั๊กอิน Pushwoosh Flutter บน Context7 คือ: **`/pushwoosh/pushwoosh-flutter`**

## การตั้งค่า Context7

เพิ่ม [Context7](https://github.com/upstash/context7#installation) ไปยังการกำหนดค่า MCP ของผู้ช่วย AI ของคุณ:

<Tabs>
  <TabItem label="Claude Code">
รันคำสั่งต่อไปนี้:

```bash
claude mcp add --scope user context7 -- npx -y @upstash/context7-mcp --api-key YOUR_API_KEY
```
  </TabItem>
  <TabItem label="Cursor / Windsurf">
เพิ่มไปยังไฟล์กำหนดค่า MCP ของคุณ (`.cursor/mcp.json` หรือไฟล์ที่เทียบเท่า):

```json
{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}
```
  </TabItem>
</Tabs>

## ตัวอย่าง Prompts

เมื่อตั้งค่า Context7 เรียบร้อยแล้ว คุณสามารถใช้ natural language prompts เพื่อผสานรวมปลั๊กอินได้ ด้านล่างนี้คือ prompts ที่พร้อมใช้งานสำหรับงานทั่วไป

### การผสานรวมปลั๊กอินพื้นฐาน

```text
ผสานรวมปลั๊กอิน Pushwoosh Flutter เข้ากับโปรเจกต์ Flutter ของฉัน

ข้อกำหนด:
- ติดตั้ง pushwoosh_flutter ผ่าน pub
- เริ่มต้น Pushwoosh ด้วย App ID ของฉันใน main()
- ลงทะเบียนสำหรับ push notifications และจัดการ streams onPushReceived และ onPushAccepted

ใช้ Context7 MCP เพื่อดึงเอกสารปลั๊กอิน Pushwoosh Flutter
```

### Tags และการแบ่งกลุ่มผู้ใช้

```text
แสดงวิธีใช้ Pushwoosh tags ในแอป Flutter สำหรับการแบ่งกลุ่มผู้ใช้
ฉันต้องการตั้งค่า tags, ดึงข้อมูล tags และตั้งค่า user ID สำหรับการติดตามข้ามอุปกรณ์

ใช้ Context7 MCP เพื่อดึงเอกสารปลั๊กอิน Pushwoosh Flutter สำหรับ setTags และ getTags
```

### การผสานรวม Message Inbox

```text
ผสานรวม Pushwoosh Message Inbox เข้ากับแอป Flutter ของฉัน แสดงวิธี:
- แสดง UI ของ inbox พร้อมสไตล์ที่กำหนดเองโดยใช้ PWInboxStyle
- โหลดข้อความแบบ programmatically
- ติดตามจำนวนข้อความที่ยังไม่ได้อ่าน

ใช้ Context7 MCP เพื่อดึงเอกสารปลั๊กอิน Pushwoosh Flutter สำหรับ presentInboxUI
```

<Aside type="tip">
การเพิ่ม **"Use Context7 MCP to fetch Pushwoosh Flutter plugin documentation"** ที่ท้าย prompt ของคุณจะเป็นการบอกให้ผู้ช่วย AI ดึงเอกสารปลั๊กอินล่าสุดก่อนที่จะสร้างโค้ด
</Aside>

## สิ่งที่ผู้ช่วย AI ได้รับ

เมื่อผู้ช่วยของคุณสอบถาม Context7 เกี่ยวกับปลั๊กอิน Pushwoosh Flutter มันจะได้รับ:

- **คำแนะนำในการติดตั้ง** — การตั้งค่า pubspec.yaml และการกำหนดค่าเฉพาะแพลตฟอร์ม
- **เอกสารอ้างอิง API** — public classes, methods และ stream definitions
- **ตัวอย่างโค้ด** — Dart snippets สำหรับกรณีการใช้งานทั่วไป
- **เอกสารปลั๊กอิน** — คู่มือสำหรับปลั๊กอินหลัก, Inbox และ Geozones
- **รายละเอียดการกำหนดค่า** — พารามิเตอร์การเริ่มต้น, ขั้นตอนการตั้งค่าสำหรับ iOS และ Android