ในยุคดิจิทัลปัจจุบัน การผสานรวมโซเชียลมีเดียได้กลายเป็นสิ่งสำคัญมากขึ้นสำหรับนักพัฒนาและธุรกิจที่ต้องการมีส่วนร่วมกับผู้ชม ด้วยความนิยมที่เพิ่มขึ้นอย่างต่อเนื่อง TikTok ได้กลายเป็นแพลตฟอร์มที่ทรงพลังสำหรับการแชร์วิดีโอสั้น เพื่ออำนวยความสะดวกในการผสานรวมเนื้อหา TikTok เข้ากับเว็บไซต์และแอปพลิเคชันได้อย่างราบรื่น TikTok ได้มอบ TikTok Display API ให้กับนักพัฒนา API นี้ช่วยให้นักพัฒนาสามารถฝังวิดีโอ TikTok แสดงโปรไฟล์ผู้ใช้ และค้นหาวิดีโอตามแฮชแท็กได้โดยตรงภายในแพลตฟอร์มของตน
ในบทความนี้ เราจะแนะนำคุณตลอดกระบวนการใช้ TikTok Display API เราจะเริ่มต้นด้วยการรับ API key ของคุณ จากนั้นจึงดำเนินการสาธิตวิธีการใช้คีย์นั้นเพื่อดึงวิดีโอและโปรไฟล์ เมื่อสิ้นสุดคู่มือนี้ คุณจะมีความรู้ที่จำเป็นในการผสานรวมเนื้อหา TikTok เข้ากับเว็บไซต์หรือแอปพลิเคชันของคุณ ซึ่งจะช่วยเพิ่มการมีส่วนร่วมและการโต้ตอบของผู้ใช้ มาเริ่มกันเลย!
เริ่มต้นใช้งาน
TikTok Display API ช่วยให้นักพัฒนาสามารถผสานรวมเนื้อหา TikTok เข้ากับเว็บไซต์และแอปพลิเคชันได้อย่างราบรื่น ด้วย API นี้ นักพัฒนาสามารถฝังวิดีโอ TikTok แสดงโปรไฟล์ผู้ใช้ และค้นหาวิดีโอตามแฮชแท็กได้โดยตรงภายในแพลตฟอร์มของตน ในบทความนี้ เราจะตรวจสอบ TikTok Display API และดูว่าเราจะใช้มันเพื่อรับโปรไฟล์ของผู้ใช้และขยายเพื่อรับวิดีโอของผู้ใช้อย่างไร
ในการเริ่มต้นใช้งาน TikTok Display API คุณต้องลงทะเบียนแอปพลิเคชันของคุณกับ TikTok Developer Platform และรับโทเค็นการเข้าถึง ด้านล่างนี้คือคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีการรับ API key ของคุณ:
สร้างบัญชีนักพัฒนา:
ไปที่เว็บไซต์ TikTok Developer Platform คลิกที่ปุ่ม "เริ่มต้นใช้งาน" และสร้างบัญชีนักพัฒนาใหม่หากคุณยังไม่มี
ลงทะเบียนแอปพลิเคชันใหม่:
สำหรับขั้นตอนนี้ ทีมงาน TikTok จะตรวจสอบแอปพลิเคชันของคุณและอนุมัติหรือปฏิเสธหากคุณไม่ตรงตามข้อกำหนด
เมื่อคุณลงชื่อเข้าใช้บัญชีนักพัฒนาของคุณแล้ว ให้คลิกที่ "Developer Portal" และเลือก "Manage Apps" จากเมนูแบบเลื่อนลง คลิกที่ปุ่ม "Connect an app" เพื่อลงทะเบียนแอปพลิเคชันใหม่
หลังจากลงชื่อเข้าใช้บัญชีนักพัฒนาของคุณแล้ว ให้ไปที่ "Developer Portal" จากนั้นเลือก "Manage Apps" จากเมนูแบบเลื่อนลง ถัดไป คลิกปุ่ม "Connect an App" เพื่อลงทะเบียนแอปพลิเคชันใหม่
จากนั้นคุณจะถูกขอให้ป้อนรายละเอียดแอปของคุณ:
- ไอคอนแอป
- ชื่อแอป
- หมวดหมู่
- คำอธิบาย
- URL ข้อกำหนดในการให้บริการ
- URL นโยบายความเป็นส่วนตัว
- แพลตฟอร์ม
- การตรวจสอบแอป
- ผลิตภัณฑ์
- ขอบเขต
เมื่อคุณทำเสร็จแล้ว ให้คลิกที่ "ส่งเพื่อตรวจสอบ" ที่มุมบนขวาของหน้าเพื่อขอการตรวจสอบ
เมื่อคุณขอการตรวจสอบ คุณจะได้รับการแจ้งเตือนหากการส่งของคุณได้รับการอนุมัติหรือไม่ หากได้รับการอนุมัติ คุณจะได้รับแจ้งให้เริ่มใช้แอปของคุณ - โดยการสร้าง API key!
การรับรหัสการอนุญาต:
ตาม บทความอย่างเป็นทางการของ TikTok เราจะต้องมีรหัสการอนุญาตและโทเค็นการเข้าถึงเพื่อใช้ Display API
คุณสามารถขอ รหัสการอนุญาตของคุณได้จากที่นี่ เพื่อดำเนินการต่อในขั้นตอนถัดไป เมื่อคุณรวบรวมรหัสการอนุญาตแล้ว ขั้นตอนต่อไปคือการใช้รหัสนั้นเพื่อรับ access token ของคุณ
มี หลายวิธีในการรับ access token ของคุณ - และเราขอแนะนำให้ตรวจสอบคู่มืออย่างเป็นทางการเพื่อตรวจสอบวิธีที่เหมาะสมที่สุดสำหรับคุณ
หากทุกอย่างเป็นไปตามที่คาดไว้ คุณควรเห็นการตอบสนองที่สำเร็จดังนี้
{
"data": {
"access_token": "act.example12345Example12345Example",
"captcha": "",
"desc_url": "",
"description": "",
"error_code": 0,
"expires_in": 86400,
"log_id": "20220714041044010002007735002037040BAF34",
"open_id": "abcdefgh-1a2b-123c4-ab12-abc123abc1234",
"refresh_expires_in": 31536000,
"refresh_token": "rft.example12345Example12345Example",
"scope": "user.info.basic"
},
"message": "success"
}
จากการตอบสนองข้างต้น คุณจะเห็น access_token, refresh_tokens และเมื่อ expires
TikTok Display API
ตอนนี้ access_token ของคุณถูกดึงมาแล้ว สิ่งต่อไปคือการใช้จุดสิ้นสุดการแสดงผลของ TikTok เพื่อดึงโปรไฟล์หรือวิดีโอของผู้ใช้ - สิ่งที่คุณต้องการดึง
จุดสิ้นสุดการแสดงผลของผู้ใช้ TikTok
หากคุณมี UI ที่ดีอยู่แล้ว คุณสามารถรวมจุดสิ้นสุดเข้ากับโปรเจกต์ของคุณได้
https://open.tiktokapis.com/v2/user/info/?fields=open_id,union_id,avatar_url,display_nameสำหรับคู่มือนี้ แม้ว่าฉันจะไม่มี UI ดังนั้นฉันจะใช้ Apidog เพื่อทดสอบ API
Apidog มีอินเทอร์เฟซที่เป็นมิตรต่อผู้ใช้สำหรับการทดสอบ API คล้ายกับเครื่องมือยอดนิยมเช่น Postman ด้วยการออกแบบที่ใช้งานง่ายและชุดคุณสมบัติที่ครอบคลุม Apidog ช่วยลดความซับซ้อนของกระบวนการทดสอบและแก้ไขข้อบกพร่องของ API ทำให้นักพัฒนาสามารถปรับปรุงเวิร์กโฟลว์การทดสอบและระบุปัญหาที่อาจเกิดขึ้นได้อย่างง่ายดาย
หากคุณยังไม่มีบัญชี โปรดสร้างบัญชีเพื่อทดสอบจุดสิ้นสุด TikTok API
สิ่งต่อไปคือลงชื่อเข้าใช้บัญชี Apidog ของคุณแล้วแตะที่ "New Request"
เมื่อคุณแตะที่ลิงก์นั้น คุณจะถูกเปลี่ยนเส้นทางไปยังหน้าเพื่อทดสอบ API
วาง URL คำขอหรือ cURL ในคอลัมน์คำขอตามที่แสดงด้านบน เลือก Bearer Token เป็นประเภทการตรวจสอบสิทธิ์และป้อนโทเค็น เมื่อตั้งค่าทุกอย่างแล้ว ให้คลิกปุ่ม Send เพื่อดูการตอบสนองในคอนโซลการตอบสนอง
การตอบสนองจะเป็นไปในลักษณะคล้ายกับตัวอย่างด้านล่าง:
{
"data":{
"user":{
"avatar_url":"https://p19-sign.tiktokcdn-us.com/tos-useast5-avt-0068-tx/b17f0e4b3a4f4a50993cf72cda8b88b8~c5_168x168.jpeg",
"open_id":"723f24d7-e717-40f8-a2b6-cb8464cd23b4",
"union_id":"c9c60f44-a68e-4f5d-84dd-ce22faeb0ba1",
"display_name": "Tik Toker"
}
},
"error":{
"code":"ok",
"message":"",
"log_id":"20220829194722CBE87ED59D524E727021"
}
}คุณยังสามารถ ตั้งค่าการยืนยันเพื่อตรวจสอบการตอบสนอง API ใน Apidog
ตรวจสอบจุดสิ้นสุดการแสดงผล Tiktok เพิ่มเติมได้จาก เอกสารอย่างเป็นทางการ
บทสรุป
ในยุคดิจิทัลปัจจุบัน การผสานรวมโซเชียลมีเดียได้กลายเป็นสิ่งสำคัญมากขึ้นสำหรับนักพัฒนาและธุรกิจที่ต้องการมีส่วนร่วมกับผู้ชม ด้วยความนิยมที่เพิ่มขึ้นอย่างต่อเนื่อง TikTok ได้กลายเป็นแพลตฟอร์มที่ทรงพลังสำหรับการแชร์วิดีโอสั้น เพื่ออำนวยความสะดวกในการผสานรวมเนื้อหา TikTok เข้ากับเว็บไซต์และแอปพลิเคชันได้อย่างราบรื่น TikTok ได้มอบ TikTok Display API ให้กับนักพัฒนา
ตลอดคู่มือนี้ เราได้สำรวจวิธีการใช้ TikTok Display API เพื่อฝังวิดีโอ TikTok และแสดงโปรไฟล์ผู้ใช้ และคุณสามารถขยายเพื่อค้นหาวิดีโอตามแฮชแท็กได้โดยตรงภายในแพลตฟอร์มของคุณ ด้วยการทำตามขั้นตอนเหล่านี้ คุณสามารถเพิ่มการมีส่วนร่วมและการโต้ตอบของผู้ใช้ ทำให้ผู้ชมของคุณสามารถโต้ตอบกับเนื้อหา TikTok ได้โดยไม่ต้องออกจากเว็บไซต์หรือแอปพลิเคชันของคุณ
ด้วยการรับ API key ของคุณและทำตามคำแนะนำที่ให้ไว้ คุณสามารถผสานรวมเนื้อหา TikTok เข้ากับแพลตฟอร์มของคุณได้อย่างราบรื่น เราหวังว่าคู่มือนี้จะให้ความรู้ที่จำเป็นแก่คุณในการเริ่มต้นใช้งาน TikTok Display API
ขอให้สนุกกับการเขียนโค้ด และเราหวังว่าจะได้เห็นว่าคุณนำ TikTok Display API ไปใช้ในโปรเจกต์ของคุณอย่างไร
