---
title: API Try It!
slug: th/user-guides/api-try-it
description: เรียนรู้วิธีใช้ฟีเจอร์ "TRY IT!" เพื่อทดสอบ API ได้อย่างสะดวกในเว็บเบราว์เซอร์ของคุณ ค้นพบขั้นตอนที่จำเป็น รวมถึงการนำเข้าไฟล์ API การกำหนดค่าเริ่มต้น และการกำหนดพารามิเตอร์สำหรับการทดสอบ พร้อมทั้งเรียนรู้วิธีดูโค้ดสนิปเพตของคำร้องขอของคุณ
createdAt: 2023-04-26T07:38:48.000Z
---

:::hint{type="info"}
ฟีเจอร์ **ลองใช้!** ช่วยให้คุณทดสอบ API ของคุณได้โดยตรงในเบราว์เซอร์ ใช้งานได้ทั้งบนพอร์ทัลเอกสารที่เผยแพร่แล้วหรือภายในตัวแก้ไขโดยตรง
:::

## วิธีการตั้งค่า

ฟีเจอร์ **ลองใช้!** ใช้ [fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch) ดังนั้นเพื่อให้ใช้งานได้ การอิมพอร์ต API ของคุณต้องมีดังนี้:

- URL แบบ absolute path สำหรับ API ของคุณ (ไม่ใช่แค่ path)
  - เพิ่ม URL ในไฟล์ .yml ของคุณตามตัวอย่างนี้
- servers:
  - ตัวอย่าง URL: https\://petstore3.swagger.io/api/v3 (URL จริงของคุณ)
- วิธีการ authorization จะถูกอ่านจากไฟล์ API ของคุณและถูกรวมไว้ในแต่ละหน้า API
- ต้องเปิดหรือปิด CORS สำหรับโดเมนของเอกสาร เพื่อให้ผู้ใช้สามารถทดสอบ API ของคุณได้จริง

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

::::WorkflowBlock
:::WorkflowBlockItem
นำเข้าไฟล์ API ของคุณ ([นำเข้าโดยตรง](docId\:RCAmfVNEqblHZiQBlYTkD) หรือ [ซิงก์ GitHub](docId\:VkbsjWRIlLNfD7bGSBCCQ))
:::

:::WorkflowBlockItem
\[ตัวเลือก] กำหนดค่า ["ค่าเริ่มต้น"](docId\:RCAmfVNEqblHZiQBlYTkD) ในไฟล์ OpenAPI ของคุณ วิธีนี้ เมื่อคุณนำเข้า API ของคุณ ค่า "ค่าเริ่มต้น" ทั้งหมดจะถูกเพิ่มเข้าไปในตัวอย่างโค้ด และคุณสามารถทดสอบ API ของคุณได้ทันทีโดยไม่ต้องกรอกค่าให้กับพารามิเตอร์ด้วยตัวเอง
:::

:::WorkflowBlockItem
กำหนดค่าเมธอดของ API พร้อมพารามิเตอร์ทดสอบ

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/wnjtlYGiV-WHIota1T9da_tryit-light.png)
:::

:::WorkflowBlockItem
หลังจากที่คุณอัปเดตพารามิเตอร์ ตัวอย่างโค้ดทางด้านขวา (หรือด้านล่าง ขึ้นอยู่กับการตั้งค่ามุมมองของคุณ) จะอัปเดตด้วยพารามิเตอร์ทดสอบที่คุณเพิ่ม ทำให้คุณได้รับตัวอย่างโค้ดคำขอในหลายภาษา

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/WaqQRkD0Pzl7vY4HXPjWS_matching-items-light.png)
:::

:::WorkflowBlockItem
กดปุ่ม **Try it!** และตรวจสอบพื้นที่แสดงผลตอบกลับด้านล่างตัวอย่างโค้ด

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/h3z_pRa5GGHM4S2OFI7nf_response-light.png)
:::
::::