[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-blogs-th-1-1-all-what-is-api-beginners-guide-all--*":3,"academy-blog-faqs-kie9qs2108mdzzs-th":94,"academy-blog-translations-kie9qs2108mdzzs":118},{"data":4,"page":93,"perPage":93,"totalItems":93,"totalPages":93},[5],{"alt":6,"collectionId":7,"collectionName":8,"content":9,"cover_image":10,"cover_image_l_url":11,"cover_image_m_url":12,"cover_image_path":13,"cover_image_s_url":14,"created":15,"created_by":16,"expand":17,"id":86,"keywords":87,"locale":58,"published_at":88,"scheduled_at":73,"school_blog":82,"short_description":89,"status":80,"title":90,"updated":91,"updated_by":92,"slug":83,"views":85},"ปกบทความ API คืออะไร ภาพโน้ตบุ๊กบนโต๊ะทำงานมองจากด้านหลังไหล่ พร้อมแผนภาพคำขอ GET \u002Fusers\u002Foctocat ที่ได้คำตอบ 200 OK และข้อมูล JSON \"login\": \"octocat\" กลับมา","sclblg987654321","school_blog_translations","\u003Cp>เวลามีน้องๆ ที่เพิ่งเริ่มเขียนโค้ดถามทีมเราว่า \"API คืออะไรกันแน่ ได้ยินทุกวัน ในคลิปก็พูด ในประกาศรับสมัครงานก็มี แต่ไม่เคยเห็นตัวจริงสักที\" คำตอบที่เราให้บ่อยที่สุดไม่ใช่คำนิยาม แต่เป็นคำชวนว่า \"ลองเรียกดูเองสักครั้ง\" เพราะคำอธิบายประเภท \"API คือตัวกลางที่ทำให้โปรแกรมคุยกัน\" ฟังแล้วพยักหน้าตามได้ แต่พอต้องใช้จริงก็ยังนึกภาพไม่ออกอยู่ดี\u003C\u002Fp>\u003Cp>วันนี้ Superdev Academy จะพาคุณส่งคำขอไปที่ API ตัวจริงหนึ่งตัว อ่านคำตอบที่กลับมา แล้วค่อยแกะทีละชิ้นว่า Endpoint, Method, Status Code, JSON และ API Key คืออะไร ไม่ต้องติดตั้งอะไรเพิ่ม และไม่ต้องเขียนโปรแกรมเป็นมาก่อน ถ้าต้องตอบสั้นที่สุด API (Application Programming Interface) คือข้อตกลงว่าโปรแกรมหนึ่งจะขอข้อมูลหรือสั่งงานอีกโปรแกรมได้อย่างไร แต่ประโยคนี้จะชัดขึ้นมากหลังคุณลองเรียกเองสักครั้ง\u003C\u002Fp>\u003Ch2>ลองเรียก API ครั้งแรก ใช้แค่เบราว์เซอร์หรือ Terminal\u003C\u002Fh2>\u003Cp>API ที่เราจะใช้คือ GitHub REST API ซึ่ง GitHub เปิดให้ขอข้อมูลสาธารณะของผู้ใช้ได้โดยไม่ต้องสมัครอะไร เราจะขอข้อมูลของบัญชีชื่อ octocat ซึ่งเป็นบัญชีตัวอย่างที่ GitHub ใช้ในเอกสารของตัวเอง\u003C\u002Fp>\u003Cp>\u003Cstrong>วิธีที่ 1 เปิดในเบราว์เซอร์:\u003C\u002Fstrong> พิมพ์ที่อยู่นี้ลงช่อง URL แล้วกด Enter\u003C\u002Fp>\u003Cpre>\u003Ccode>https:\u002F\u002Fapi.github.com\u002Fusers\u002Foctocat\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>\u003Cstrong>วิธีที่ 2 ใช้ curl ใน Terminal:\u003C\u002Fstrong> curl คือโปรแกรมสำหรับส่งคำขอผ่านเว็บจาก Command Line มีติดเครื่องมาใน macOS และ Linux ส่วนใหญ่ ส่วน Windows 10 และ Windows 11 ก็มีมาให้ตั้งแต่ติดตั้ง \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fcurl.se\u002Fwindows\u002Fmicrosoft.html\">ตามที่เว็บไซต์ของ curl ระบุไว้\u003C\u002Fa> ถ้าใช้ Windows PowerShell แล้วผลออกมาหน้าตาแปลกๆ ให้พิมพ์ curl.exe แทน curl\u003C\u002Fp>\u003Cpre>\u003Ccode>curl -i https:\u002F\u002Fapi.github.com\u002Fusers\u002Foctocat\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>ตัว -i บอกให้ curl แสดงส่วนหัว (Header) ของคำตอบด้วย แทบจะทันทีคุณจะเห็นอะไรประมาณนี้ (เราตัดมาเฉพาะบางส่วน)\u003C\u002Fp>\u003Cpre>\u003Ccode>HTTP\u002F2 200\ncontent-type: application\u002Fjson; charset=utf-8\nx-ratelimit-limit: 60\n\n{\n  \"login\": \"octocat\",\n  \"id\": 583231,\n  \"name\": \"The Octocat\",\n  \"company\": \"@github\",\n  \"location\": \"San Francisco\",\n  \"created_at\": \"2011-01-25T18:44:36Z\"\n}\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>ถ้าเห็นหน้าตาแบบนี้ แปลว่าคุณเพิ่งใช้ API ไปหนึ่งครั้งแล้ว ค่าบางช่องอาจต่างจากที่เราเห็นในวันที่เขียนบทความนี้ (28 กันยายน 2026) เพราะเป็นข้อมูลจริงที่เจ้าของบัญชีแก้ไขได้ แต่โครงสร้างของคำตอบจะเหมือนเดิม\u003C\u002Fp>\u003Ch2>เกิดอะไรขึ้นในคำสั่งเดียวนั้น\u003C\u002Fh2>\u003Cp>สิ่งที่เพิ่งเกิดขึ้นมีแค่สองจังหวะ เครื่องของคุณส่ง Request (คำขอ) ออกไปหา Server (เครื่องที่ให้บริการข้อมูล) ของ GitHub แล้ว Server ก็ส่ง Response (คำตอบ) กลับมา ทั้งหมดเดินทางผ่าน HTTP ซึ่งเป็นโปรโตคอลเดียวกับที่เบราว์เซอร์ใช้เปิดเว็บทุกหน้า\u003C\u002Fp>\u003Cp>ความต่างจากการเปิดเว็บทั่วไปอยู่ที่ว่าใครเป็นคนอ่าน หน้าเว็บส่ง HTML มาให้เบราว์เซอร์วาดเป็นหน้าสวยๆ ให้คนดู ส่วน API ส่งข้อมูลดิบที่มีโครงสร้างชัดเจนมาให้โปรแกรมเอาไปใช้ต่อ คุณเลยเห็นแต่ข้อความในวงเล็บปีกกา ไม่มีปุ่ม ไม่มีรูป\u003C\u002Fp>\u003Cp>พูดง่ายๆ API (Application Programming Interface) คือข้อตกลงว่าโปรแกรมหนึ่งจะขอข้อมูลหรือสั่งงานอีกโปรแกรมได้อย่างไร ต้องส่งอะไรไป และจะได้อะไรกลับมา GitHub เขียนข้อตกลงนั้นไว้เป็นเอกสาร ใครทำตามก็เรียกใช้ได้\u003C\u002Fp>\u003Cblockquote>\u003Cp>คุณไม่จำเป็นต้องรู้ว่า Server ของ GitHub เขียนด้วยภาษาอะไรหรือเก็บข้อมูลไว้ที่ไหน แค่รู้ว่าต้องถามแบบไหน นี่คือเหตุผลที่ API มีอยู่\u003C\u002Fp>\u003C\u002Fblockquote>\u003Ch2>Endpoint คือที่อยู่ของข้อมูลที่คุณอยากได้\u003C\u002Fh2>\u003Cp>ที่อยู่ https:\u002F\u002Fapi.github.com\u002Fusers\u002Foctocat แบ่งได้เป็นสองท่อน https:\u002F\u002Fapi.github.com คือ Base URL หรือบ้านเลขที่ของ API ทั้งชุด ต่อด้วย \u002Fusers\u002Foctocat ซึ่งเป็น Path ที่ระบุว่าอยากได้ข้อมูลอะไรในบ้านหลังนั้น เมื่อรวม Path เข้ากับ Method ที่ใช้ เราเรียกจุดนั้นว่า Endpoint\u003C\u002Fp>\u003Cp>ใน\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fdocs.github.com\u002Fen\u002Frest\u002Fusers\u002Fusers?apiVersion=2022-11-28#get-a-user\">เอกสาร Get a user ของ GitHub\u003C\u002Fa> Endpoint นี้เขียนไว้ว่า GET \u002Fusers\u002F{username} วงเล็บปีกกาคือช่องที่คุณเติมเองได้ ลองเปลี่ยน octocat เป็นชื่อผู้ใช้ GitHub ของคุณหรือของเพื่อน แล้วส่งคำขอใหม่ ข้อมูลที่กลับมาจะเปลี่ยนไปตามชื่อนั้นทันที\u003C\u002Fp>\u003Cp>การอ่านเอกสาร API เป็นทักษะที่นักพัฒนาใช้แทบทุกวัน เอกสารที่ดีจะบอกครบว่ามี Endpoint อะไรบ้าง ต้องส่งอะไรไป และคำตอบหน้าตาแบบไหน\u003C\u002Fp>\u003Ch2>Method บอกว่าคุณจะทำอะไรกับข้อมูล\u003C\u002Fh2>\u003Cp>คำขอที่เราส่งไปใช้ Method ชื่อ GET ซึ่งหมายถึงขออ่านข้อมูลอย่างเดียว ทั้งเบราว์เซอร์และ curl ใช้ GET เป็นค่าเริ่มต้น เราจึงไม่ต้องพิมพ์ออกมา ถ้าเขียนให้ครบ คำขอของเราคือ GET \u002Fusers\u002Foctocat\u003C\u002Fp>\u003Cp>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FHTTP\u002FReference\u002FMethods\">MDN รวบรวม HTTP Method ไว้ในหน้าเดียว\u003C\u002Fa> ตัวที่มือใหม่จะเจอบ่อยมีห้าตัว\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cp>GET: ขออ่านข้อมูล\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>POST: ส่งข้อมูลใหม่ไปสร้าง เช่น สมัครสมาชิก หรือโพสต์คอมเมนต์\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>PUT: ส่งข้อมูลไปแทนที่ของเดิมทั้งก้อน\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>PATCH: แก้เฉพาะบางส่วนของข้อมูลเดิม\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>DELETE: ลบข้อมูล\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003Cp>Path เดียวกันอาจทำงานต่างกันได้ตาม Method ที่ส่งมา นี่คือเหตุผลที่เอกสาร API เขียน Method คู่กับ Path เสมอ\u003C\u002Fp>\u003Ch2>Status Code คือสิ่งแรกที่ Server บอกว่าสำเร็จหรือไม่\u003C\u002Fh2>\u003Cp>ย้อนกลับไปดูบรรทัดแรกของคำตอบ HTTP\u002F2 200 ตัวเลข 200 คือ Status Code ที่มีชื่อเต็มว่า 200 OK แปลว่าคำขอสำเร็จ และข้อมูลตามมาข้างล่าง\u003C\u002Fp>\u003Cp>ลองส่งคำขอด้วยชื่อผู้ใช้ที่ไม่มีอยู่จริงดู\u003C\u002Fp>\u003Cpre>\u003Ccode>curl -i https:\u002F\u002Fapi.github.com\u002Fusers\u002Fthis-user-should-not-exist-zzqq9\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>คราวนี้บรรทัดแรกจะเป็น 404 ซึ่งหมายถึงหาสิ่งที่ขอไม่เจอ ตัวเลขชุดนี้คือสิ่งแรกที่โปรแกรมควรเช็กก่อนจะเอาข้อมูลไปใช้ ถ้าอยากรู้ว่าเลขแต่ละตัวหมายถึงอะไร และเจอแล้วควรแก้ตรงไหน เราแยกเขียนไว้ในบทความ \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdevacademy.com\u002Fblogs\u002Fhttp-status-codes-explained\">HTTP Status Code อ่านยังไง\u003C\u002Fa>\u003C\u002Fp>\u003Ch2>JSON คือรูปแบบข้อมูลที่โปรแกรมอ่านง่าย\u003C\u002Fh2>\u003Cp>ข้อมูลที่อยู่ในวงเล็บปีกกาเรียกว่า JSON (JavaScript Object Notation) บรรทัด content-type: application\u002Fjson ในส่วนหัวบอกไว้ตั้งแต่แรกแล้วว่าคำตอบนี้เป็น JSON หลักการอ่านมีแค่นี้\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cp>ข้อมูลเป็นคู่ของ Key กับ Value คั่นด้วยโคลอน เช่น \"login\": \"octocat\"\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>ค่าที่อยู่ในเครื่องหมายคำพูดเป็นข้อความ (String) เช่น \"The Octocat\"\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>ค่าที่ไม่มีเครื่องหมายคำพูดเป็นตัวเลขหรือค่าพิเศษ เช่น 583231, true, false และ null (ไม่มีค่า)\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>แต่ละคู่คั่นด้วยจุลภาค และทั้งก้อนครอบด้วยวงเล็บปีกกา\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003Cp>แม้ชื่อจะมีคำว่า JavaScript แต่ JSON ไม่ได้ผูกกับภาษาใดภาษาหนึ่ง JavaScript, Python และ Go ต่างก็มีเครื่องมืออ่าน JSON มาให้ในตัว เมื่อโปรแกรมของคุณได้คำตอบนี้มา ก็แค่ดึงค่า name ออกไปแสดงบนหน้าจอ แบบเดียวกับที่หลายแอปแสดงชื่อและรูปโปรไฟล์ GitHub ของผู้ใช้\u003C\u002Fp>\u003Cp>ถ้าอยากอ่าน JSON ให้คล่องกว่านี้ เราแยกเขียนไว้ในบทความ \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdevacademy.com\u002Fblogs\u002Fwhat-is-json-beginners-guide\">JSON คืออะไร อ่านข้อมูล JSON ให้เป็น สำหรับมือใหม่\u003C\u002Fa>\u003C\u002Fp>\u003Ch2>API Key คือบัตรผ่าน เมื่อ API ต้องรู้ว่าใครเป็นคนเรียก\u003C\u002Fh2>\u003Cp>สังเกตไหมว่าเราไม่ได้ใส่รหัสอะไรเลย แต่ก็ยังได้ข้อมูลกลับมา นั่นเพราะ GitHub ยอมให้ขอข้อมูลสาธารณะแบบไม่ยืนยันตัวตน แต่มีเพดาน บรรทัด x-ratelimit-limit: 60 ในคำตอบบอกไว้ตรงๆ และ\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fdocs.github.com\u002Fen\u002Frest\u002Fusing-the-rest-api\u002Frate-limits-for-the-rest-api\">เอกสาร Rate Limit ของ GitHub\u003C\u002Fa> ก็ระบุว่าคำขอแบบไม่ยืนยันตัวตนทำได้ 60 ครั้งต่อชั่วโมง\u003C\u002Fp>\u003Cp>API หลายตัวที่ใช้งานจริง เช่น API ของบริการ AI แผนที่ หรือระบบชำระเงิน จะให้คุณสมัครแล้วได้ API Key (รหัสประจำตัวสำหรับเรียก API) มาแนบไปกับทุกคำขอ เพื่อให้ผู้ให้บริการรู้ว่าใครเรียก คิดค่าบริการถูกคน และจำกัดการใช้งานได้ API Key จึงมีค่าเท่ากับรหัสผ่าน วิธีเก็บให้ปลอดภัยและไม่ให้หลุดขึ้น GitHub เราแยกไว้ในบทความ \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdevacademy.com\u002Fblogs\u002Fapi-key-env-keep-secrets-safe\">API Key คืออะไร เก็บใน .env ยังไงไม่ให้หลุด\u003C\u002Fa>\u003C\u002Fp>\u003Ch2>แล้ว API อยู่ตรงไหนในแอปที่คุณใช้ทุกวัน\u003C\u002Fh2>\u003Cp>เมื่อเห็นภาพ Request กับ Response แล้ว คุณจะเริ่มเห็น API อยู่เบื้องหลังหลายอย่างที่ใช้อยู่ทุกวัน\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cp>แอปพยากรณ์อากาศไม่ได้วัดอุณหภูมิเอง มันส่งคำขอไปที่ API ของผู้ให้บริการข้อมูลอากาศ แล้วเอา JSON ที่ได้มาวาดเป็นหน้าจอ\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>ปุ่ม \"เข้าสู่ระบบด้วย Google\" คือการที่เว็บหนึ่งเรียก API ของ Google เพื่อยืนยันตัวตนของคุณ\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>แอปมือถือกับเว็บไซต์ของร้านเดียวกันแสดงสินค้าชุดเดียวกัน เพราะทั้งคู่เรียก API หลังบ้านตัวเดียวกัน\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>แชตบอต AI ที่ฝังอยู่ในหลายเว็บ ส่งข้อความของคุณต่อไปที่ API ของผู้ให้บริการโมเดล AI\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003Cp>สำหรับคนเขียนโปรแกรม นี่แปลว่าคุณไม่ต้องสร้างทุกอย่างเอง อยากได้แผนที่ก็เรียก API แผนที่ อยากรับชำระเงินก็เรียก API ของผู้ให้บริการชำระเงิน งานจำนวนมากของนักพัฒนาคือการเอา API หลายตัวมาต่อกันให้กลายเป็นระบบเดียว\u003C\u002Fp>\u003Ch2>API มีกี่ประเภท: REST, GraphQL, gRPC และ API ใน Library\u003C\u002Fh2>\u003Cp>ตรงนี้ต้องพูดให้ครบ สิ่งที่เราลองกันไปคือ Web API แบบ REST ที่คุยกันผ่าน HTTP และตอบกลับเป็น JSON ซึ่งเป็นแบบที่เจอได้ทั่วไป แต่ไม่ใช่แบบเดียว\u003C\u002Fp>\u003Cp>คำว่า API ในความหมายกว้างหมายถึงช่องทางที่โปรแกรมหนึ่งเปิดให้โปรแกรมอื่นใช้ ฟังก์ชันใน Library ที่คุณ import มาใช้ในโค้ดก็นับเป็น API แบบหนึ่ง ส่วน Web API เองก็มีรูปแบบอื่นอีก เช่น GraphQL ที่ให้ผู้เรียกเลือกเองว่าอยากได้ข้อมูลช่องไหน หรือ gRPC ที่ใช้คุยกันระหว่าง Service หลังบ้าน\u003C\u002Fp>\u003Cp>เพราะฉะนั้นเวลาเจอคำว่า API ในงานจริง ให้ถามต่อเสมอว่าเป็น API แบบไหน ต้องยืนยันตัวตนไหม และเรียกได้กี่ครั้ง สามคำถามนี้หาคำตอบได้จากเอกสารของ API ตัวนั้น ไม่ต้องเดา\u003C\u002Fp>\u003Cp>อีกสองคำที่มักถูกถามว่าต่างจาก API ยังไงคือ \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdevacademy.com\u002Fblogs\u002Fwhat-is-webhook-vs-api\">Webhook\u003C\u002Fa> และ \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdevacademy.com\u002Fblogs\u002Fwhat-is-mcp-model-context-protocol\">MCP\u003C\u002Fa>\u003C\u002Fp>\u003Ch2>อยากไปต่อ ลองทำอะไรต่อจากตรงนี้\u003C\u002Fh2>\u003Cp>ถ้าคุณส่งคำขอด้วย curl ได้แล้ว ขั้นต่อไปที่เราแนะนำมีสามอย่าง เรียงจากง่ายไปยาก\u003C\u002Fp>\u003Col>\u003Cli>\u003Cp>เปลี่ยน Path ไปลอง Endpoint อื่นของ GitHub เช่น \u002Fusers\u002Foctocat\u002Frepos ซึ่งคืนรายการ Repository ของบัญชีนั้น แล้วฝึกอ่าน JSON ที่มาเป็นรายการหลายชิ้น\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>ลองเรียก API เดียวกันจากโค้ด เช่น ใช้ fetch ใน JavaScript แล้วแสดงค่า name บนหน้าเว็บ\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>ลองสร้าง API ของตัวเอง ถ้าอยากเห็นฝั่ง Server ว่าเขียนยังไง ดูได้จาก \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdevacademy.com\u002Fblogs\u002Fcreating-api-javascript-nodejs-vs-go\">JS2GO EP.12 การสร้าง API ด้วย Node.js และ Go\u003C\u002Fa> หรือ \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdevacademy.com\u002Fblogs\u002Fgo-restful-apis\">Go กับ RESTful APIs\u003C\u002Fa>\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Fol>\u003Cp>ถ้ายังไม่แน่ใจว่าควรเรียนเรื่องไหนก่อนหลัง ลองอ่าน \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdevacademy.com\u002Fblogs\u002Fhow-to-start-learning-coding-in-ai-era\">เริ่มเรียนเขียนโปรแกรมยุค AI ควรโฟกัสทักษะอะไรก่อน\u003C\u002Fa> ประกอบกันไปด้วย\u003C\u002Fp>\u003Cdiv data-type=\"horizontalRule\">\u003Chr>\u003C\u002Fdiv>\u003Ch2>สรุป: API คืออะไร ในหนึ่งคำสั่ง curl\u003C\u002Fh2>\u003Cp>API คือข้อตกลงที่ให้โปรแกรมหนึ่งขอข้อมูลหรือสั่งงานอีกโปรแกรมได้ สิ่งที่คุณเพิ่งทำคือส่ง GET \u002Fusers\u002Foctocat ไปหา GitHub แล้วได้ 200 OK กลับมาพร้อม JSON ที่มีชื่อ The Octocat อยู่ข้างใน ในคำสั่งเดียวนั้นมีครบทุกชิ้นที่ต้องรู้ Endpoint คือที่อยู่ Method คือสิ่งที่อยากทำ Status Code คือผลลัพธ์ JSON คือตัวข้อมูล และ API Key คือบัตรผ่านเมื่อผู้ให้บริการต้องรู้ว่าใครเรียก\u003C\u002Fp>\u003Cp>คำอธิบายเรื่อง API อ่านกี่รอบก็ไม่ชัดเท่าลงมือส่งคำขอเองหนึ่งครั้ง ลองเปลี่ยนชื่อผู้ใช้ ลองเปลี่ยน Path ลองทำให้มันตอบ 404 แล้วอ่านสิ่งที่กลับมา คุณจะเข้าใจ API ได้ลึกกว่าการท่องคำนิยาม\u003C\u002Fp>\u003Cp>ติดตามบทความและเทคนิคสำหรับคนเริ่มต้นสายโปรแกรมเมอร์ได้ที่ช่องทางของเรา\u003C\u002Fp>\u003Cp>Facebook: \u003Cstrong>Superdev Academy Thailand\u003C\u002Fstrong> — \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.facebook.com\u002Fsuperdev.academy.th\">https:\u002F\u002Fwww.facebook.com\u002Fsuperdev.academy.th\u003C\u002Fa>\u003C\u002Fp>\u003Cp>YouTube: \u003Cstrong>Superdev Academy Channel\u003C\u002Fstrong> — \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.youtube.com\u002F@SuperdevAcademy\">https:\u002F\u002Fwww.youtube.com\u002F@SuperdevAcademy\u003C\u002Fa>\u003C\u002Fp>\u003Cp>Instagram: \u003Cstrong>@superdevacademy\u003C\u002Fstrong> — \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.instagram.com\u002Fsuperdevacademy\u002F\">https:\u002F\u002Fwww.instagram.com\u002Fsuperdevacademy\u002F\u003C\u002Fa>\u003C\u002Fp>\u003Cp>TikTok: \u003Cstrong>@superdevacademy\u003C\u002Fstrong> — \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.tiktok.com\u002F@superdevacademy?lang=th-TH\">https:\u002F\u002Fwww.tiktok.com\u002F@superdevacademy?lang=th-TH\u003C\u002Fa>\u003C\u002Fp>","cover_cover_pb9iiv15un.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Frl54c6tattrxqhs\u002Fl\u002Fcover_cover_pb9iiv15un.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Frl54c6tattrxqhs\u002Fm\u002Fcover_cover_pb9iiv15un.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Frl54c6tattrxqhs\u002Fcover_cover_pb9iiv15un.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Frl54c6tattrxqhs\u002Fs\u002Fcover_cover_pb9iiv15un.webp","2026-09-28 06:49:33.050Z","wfztm6bp9384v3u",{"keywords":18,"locale":52,"school_blog":62},[19,25,29,33,37,43,47],{"collectionId":20,"collectionName":21,"created":22,"created_by":16,"id":23,"name":24,"updated":22,"updated_by":16},"sclkey987654321","school_keywords","2026-09-28 06:49:33.040Z","ykdlagj9i8cqi51","API คืออะไร",{"collectionId":20,"collectionName":21,"created":26,"created_by":16,"id":27,"name":28,"updated":26,"updated_by":16},"2026-09-28 06:49:33.041Z","fvxs05c1j0ezkt8","API ทำงานอย่างไร",{"collectionId":20,"collectionName":21,"created":30,"created_by":16,"id":31,"name":32,"updated":30,"updated_by":16},"2026-09-28 06:49:33.042Z","ky415jl3886v6d7","API Endpoint",{"collectionId":20,"collectionName":21,"created":34,"created_by":16,"id":35,"name":36,"updated":34,"updated_by":16},"2026-09-28 06:49:33.043Z","a791g1z1xd2dark","REST API",{"collectionId":20,"collectionName":21,"created":38,"created_by":39,"id":40,"name":41,"updated":42,"updated_by":39},"2026-03-04 08:46:24.109Z","76qprkevbgfdps8","o8xfgwdh6k03hxd","JSON","2026-06-07 06:47:07.745Z",{"collectionId":20,"collectionName":21,"created":44,"created_by":16,"id":45,"name":46,"updated":44,"updated_by":16},"2026-09-28 06:49:33.044Z","hyvcjqa2g5m3o4a","HTTP Method",{"collectionId":20,"collectionName":21,"created":48,"created_by":16,"id":49,"name":50,"updated":51,"updated_by":16},"2026-09-28 06:49:33.046Z","bxhclql5b2d1znf","curl","2026-09-28 06:49:33.045Z",{"code":53,"collectionId":54,"collectionName":55,"created":56,"flag":57,"id":58,"is_default":59,"label":60,"updated":61},"th","pbc_1989393366","locales","2026-01-22 10:59:55.832Z","twemoji:flag-thailand","s8wri3bt4vgg2ji",true,"Thai","2026-04-10 15:42:46.614Z",{"category":63,"collectionId":64,"collectionName":65,"created":48,"expand":66,"id":82,"slug":83,"updated":84,"views":85},"rfxf19ot4iq992c","pbc_2105096300","school_blogs",{"category":67},{"blogIds":68,"collectionId":69,"collectionName":70,"created":71,"created_by":39,"id":63,"image":72,"image_alt":73,"image_path":74,"image_s_url":75,"label":76,"name":77,"priority":78,"publish_at":79,"scheduled_at":73,"status":80,"updated":81,"updated_by":39},[],"sclcatblg987654321","school_category_blogs","2026-03-04 08:32:03.969Z","7acfigk1qkd_lv1k6bkji3_7h89h9h63a.webp","","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclcatblg987654321\u002Frfxf19ot4iq992c\u002F7acfigk1qkd_lv1k6bkji3_7h89h9h63a.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclcatblg987654321\u002Frfxf19ot4iq992c\u002Fs\u002F7acfigk1qkd_lv1k6bkji3_7h89h9h63a.webp",{"en":77,"th":77},"Web Development",0,"2025-01-21 03:43:00.282Z","published","2026-08-18 14:48:42.218Z","kie9qs2108mdzzs","what-is-api-beginners-guide","2026-10-23 10:04:28.825Z",136,"rl54c6tattrxqhs",[23,27,31,35,40,45,49],"2026-10-02 10:15:15.599Z","API คืออะไร ทำงานอย่างไร ลองส่งคำขอไปที่ GitHub API ด้วยเบราว์เซอร์หรือ curl แล้วอ่าน JSON ที่ตอบกลับ พร้อมอธิบาย Endpoint, Method, Status Code และ API Key","API คืออะไร ทำงานอย่างไร สำหรับมือใหม่เขียนโปรแกรม พร้อมตัวอย่าง","2026-10-14 03:50:41.538Z","ebkf8ra4nd55ual",1,[95,99,102,106,110,114],{"answer":96,"id":97,"question":98},"API (Application Programming Interface) คือข้อตกลงที่ให้โปรแกรมหนึ่งขอข้อมูลหรือสั่งงานอีกโปรแกรมได้ โดยกำหนดว่าต้องส่งคำขอแบบไหนและจะได้คำตอบแบบไหนกลับมา ตัวอย่างเช่น GitHub REST API ให้โปรแกรมขอข้อมูลผู้ใช้ผ่านที่อยู่ https:\u002F\u002Fapi.github.com\u002Fusers\u002Foctocat แล้วตอบกลับเป็น JSON โดยผู้เรียกไม่ต้องรู้ว่าระบบหลังบ้านของ GitHub เขียนด้วยภาษาอะไร","k6la0zaayhdgavh","API คืออะไร อธิบายแบบง่ายๆ สำหรับคนเริ่มเขียนโปรแกรม",{"answer":100,"id":101,"question":28},"API ทำงานเป็นสองจังหวะคือ Request กับ Response โปรแกรมฝั่งผู้เรียกส่งคำขอผ่าน HTTP ไปยัง Endpoint ของ Server โดยระบุ Method เช่น GET จากนั้น Server ส่งคำตอบกลับมาพร้อม Status Code และข้อมูล เช่น คำขอ GET \u002Fusers\u002Foctocat ไปที่ GitHub REST API จะได้ 200 OK กลับมาพร้อม JSON ที่มีช่อง \"login\": \"octocat\" ให้โปรแกรมนำไปใช้ต่อ","wdeyoosctefjuug",{"answer":103,"id":104,"question":105},"API ใช้ให้โปรแกรมดึงข้อมูลหรือใช้บริการของระบบอื่นได้โดยไม่ต้องสร้างเองทั้งหมด ตัวอย่างที่เจอทุกวันคือแอปพยากรณ์อากาศที่ดึงข้อมูลจาก API ของผู้ให้บริการข้อมูลอากาศ ปุ่มเข้าสู่ระบบด้วย Google ที่เรียก API ของ Google เพื่อยืนยันตัวตน และแอปมือถือกับเว็บไซต์ของร้านเดียวกันที่เรียก API หลังบ้านตัวเดียวกัน จึงแสดงสินค้าชุดเดียวกัน","nae84pe0ctex1w1","API ใช้ทำอะไร มีตัวอย่างในชีวิตจริงไหม",{"answer":107,"id":108,"question":109},"API Endpoint คือที่อยู่เฉพาะของข้อมูลหรือคำสั่งหนึ่งๆ ใน API ประกอบด้วย Base URL, Path และ Method เช่น GitHub เขียน Endpoint สำหรับดึงข้อมูลผู้ใช้ไว้ว่า GET \u002Fusers\u002F{username} เมื่อเติมชื่อผู้ใช้เป็น https:\u002F\u002Fapi.github.com\u002Fusers\u002Foctocat ก็จะได้ข้อมูลของบัญชีนั้น Path เดียวกันอาจทำงานต่างกันเมื่อใช้ Method ต่างกัน เช่น GET กับ DELETE","43pjwzoz5gtihbm","API Endpoint คืออะไร",{"answer":111,"id":112,"question":113},"REST API เป็น API แบบหนึ่ง ไม่ใช่ของคนละอย่างกัน API คือคำเรียกกว้างๆ ของช่องทางที่โปรแกรมเปิดให้โปรแกรมอื่นใช้ ส่วน REST API คือ Web API ที่คุยผ่าน HTTP ใช้ Method อย่าง GET, POST, PUT, PATCH, DELETE กับ URL ที่แทนข้อมูลแต่ละชิ้น และมักตอบกลับเป็น JSON เช่น GitHub REST API นอกจาก REST ยังมี Web API แบบอื่น เช่น GraphQL และ gRPC","20lrq9gw6vcy1ch","REST API ต่างจาก API ยังไง",{"answer":115,"id":116,"question":117},"วิธีที่ง่ายที่สุดคือเปิด https:\u002F\u002Fapi.github.com\u002Fusers\u002Foctocat ในเบราว์เซอร์ หรือพิมพ์ curl https:\u002F\u002Fapi.github.com\u002Fusers\u002Foctocat ใน Terminal โดยไม่ต้องสมัครหรือใช้ API Key เพราะ GitHub เปิดให้ขอข้อมูลสาธารณะแบบไม่ยืนยันตัวตนได้ 60 ครั้งต่อชั่วโมง ผลที่ได้คือ JSON ของบัญชี octocat ส่วน Windows 10 และ 11 มี curl ติดมาให้ ถ้าใช้ Windows PowerShell ให้พิมพ์ curl.exe","vj0uk5lmeummnpv","มือใหม่จะลองเรียก API ครั้งแรกได้ยังไง",{"th":83,"en":83}]