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

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

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

## วิธีการทำงาน

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

ID ไลบรารีปลั๊กอิน Pushwoosh React Native บน Context7: **`/pushwoosh/pushwoosh-react-native-plugin`**

## การตั้งค่า 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 เรียบร้อยแล้ว คุณสามารถใช้ prompts ภาษาธรรมชาติเพื่อผสานรวมปลั๊กอินได้ ด้านล่างนี้คือ prompts ที่พร้อมใช้งานสำหรับงานทั่วไป

### การผสานรวมปลั๊กอินเบื้องต้น

```text
Integrate Pushwoosh React Native plugin into my React Native project.

Requirements:
- Install pushwoosh-react-native-plugin via npm
- Initialize Pushwoosh with my App ID in App component
- Register for push notifications and handle pushReceived and pushOpened events

Use Context7 MCP to fetch Pushwoosh React Native plugin documentation.
```

### การจัดการ Push Notification

```text
Show me how to handle push notification callbacks (receive, open) with
Pushwoosh React Native plugin. I want to process push payload data and
navigate to specific screens based on custom data.

Use Context7 MCP to fetch Pushwoosh React Native plugin documentation for push event handling.
```

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

```text
Show me how to use Pushwoosh tags for user segmentation in a React Native app.
I need to set tags, get tags, and set user ID for cross-device tracking.

Use Context7 MCP to fetch Pushwoosh React Native plugin documentation for setTags and getTags.
```

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

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

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

- **คำแนะนำในการติดตั้ง** — การตั้งค่า npm/yarn และการกำหนดค่าเฉพาะแพลตฟอร์ม
- **เอกสารอ้างอิง API** — public methods, event listeners และ callback signatures
- **ตัวอย่างโค้ด** — ตัวอย่างโค้ด JavaScript และ TypeScript สำหรับกรณีการใช้งานทั่วไป
- **เอกสารเกี่ยวกับ Event** — ตัวจัดการ event ของ pushReceived, pushOpened และ deep link
- **รายละเอียดการกำหนดค่า** — พารามิเตอร์การเริ่มต้น, ขั้นตอนการตั้งค่า iOS และ Android