[PHP] ดึงภาพจาก Pinterest มาแสดงบนเว็บไซต์ Turn Back
2016-08-10 17:01:45
การดึงภาพและข้อมูลอื่นๆที่เกี่ยวข้องจาก board ในเว็บไซต์ Pinterest นั่น เราสามารถทำผ่าน API ที่เขาจัดเตรียมไว้ให้
ซึ่งวิธีการนั้นง่ายมากๆ ครับ แต่ก่อนอื่นคุณเป็นเป็นสมาชิกของ pinterest ก่อนนะ แล้วเข้าไปที่
1. เข้าไปที่หน้า https://developers.pinterest.com/
และเลือกหัวข้อ Rretrieve the pins on board
2. ระบุ ID ของ Board ที่ต้องการดึงข้อมูล หรือหากยังไม่ทราบ ให้ใส่ชื่อ account ตามด้วยเครื่องหมาย / และ ชื่อ board ตัวอย่าง t4popo/see-you-thailand
2.1 สร้าง token โดยการกดที่ปุ่มได้เลย จะมีหน้าต่างให้เรายืนยันการเข้าถึง ข้อมูลของเรา ให้กด ยืนยันผ่านไป
2.2 เลือกข้อมูลที่ต้องการดึง โดยเลือก check/uncheck ตามหัวข้อที่ต้องการ (จำนวน item ที่ดึง ใช้เป็น limit นะครับ เช่น &limit=10 คือดึงมา 10 item)
2.3 เมื่อเลือกทุกอย่างครบเรียบร้อย เราจะได้ url สำหรับการดึงข้อมูล json ให้ copy url นี้ไว้ใช้งาน ในหน้านี้สามารถกดปุ่ม Test Endpoint เพื่อทดสอบการดึงข้อมูลได้อีกด้วย
หรือจะนำ url นั้นไปเปิดใน browser ก็ได้
remark: ศึกษาเพิ่มเติมได้ที่ https://developers.pinterest.com/docs/api/overview/#partial-responses
3. สร้าง php ในการอ่านข้อมูลจาก json
<?php// Fix ssl request problem$arrContextOptions=array("ssl"=>array("verify_peer"=>false,"verify_peer_name"=>false,),);$json_link = "https://api.pinterest.com/v1/boards/_BOARD_ID_/pins/?access_token=&fields=id%2Clink%2Curl%2Cimage%2Cmedia%2Cattribution%2Ccreated_at%2Ccreator%2Cboard%2Cnote&limit=10";$json = file_get_contents($json_link, false, stream_context_create($arrContextOptions));$obj = json_decode($json, true, 512, JSON_BIGINT_AS_STRING);foreach ($obj['data'] as $post) {$pic_text=$post['note'];$pic_link=$post['link'];$pic_like_count= isset($post['counts']['likes'])?$post['counts']['likes']:"";$pic_comment_count= isset($post['counts']['comments'])?$post['counts']['comments']:"";$pic_src=str_replace("http://", "https://", $post['image']['original']['url']);$pic_created_time=$post['created_at'];echo "<div>";echo "<a href='{$pic_link}' target='_blank'>";echo "<img src='{$pic_src}' alt='{$pic_text}'>";echo "</a>";echo "<p>";echo "<div>";echo "<a href='{$pic_link}' target='_blank'>{$pic_created_time}</a>";echo "</div>";echo "</p>";echo "<p>{$pic_text}</p>";echo "</div>";}?>
เป็นอันว่าเสร็จขั้นตอนของการดึงภาพ+ข้อมุลจาก Pinterest นะครับ เห็นไหมครับว่ามันไม่ยาก ขอให้สนุกกับการพัฒนาเว็บไซต์ครับ
Example