MENU
mobile-logo
Home / Social Media Marketing  / Social Network  / Applications and Tools  / ดึงข้อมูล Socialcam API ด้วยภาษา PHP ฉบับผู้เริ่มต้น
Applications and Tools Beginning Developer Featured Newbie PHP Programming Language Social Media Marketing Social Network

ดึงข้อมูล Socialcam API ด้วยภาษา PHP ฉบับผู้เริ่มต้น

11:04 AM
1
2400Views

ขั้นตอนการเขียนโปรแกรมภาษา PHP ร่วมกับ API ของ Socialcam เพื่อดึงข้อมูลเบื้องต้นมาแสดงผลบนหน้าเว็บไซต์ของเรา ผ่าน Web Services แบบง่ายที่สุด และทำได้จริงไม่ต้องพูดพร่ำทำเพลงครับมาเริ่มกันเลยดีกว่า

เริ่มต้นไปที่เว็บไซต์ https://socialcam.com/developers/ เพื่อทำการสมัคร API ของ Developer ครับ

Screen Shot 2557-01-30 at 4.36.52 PM

กดที่ Create your App ครับ แล้วทำการสมัครสมาชิก ในตัวอย่างผมทดสอบในเครื่องของผม

Screen Shot 2557-01-30 at 4.37.23 PM

เชื่อมต่อ บัญชี Facebook ไปเลย คนเคยส่องกันอยู่แล้ว

Screen Shot 2557-01-30 at 4.40.00 PM

 

กรอกข้อมูลในตัวอย่างผมตั้งชื่อแอพผมว่า “WebHenCam” มาจาก Web Cam และ “เว็บ เห็น แคม” กด ตกลง

Screen Shot 2557-01-30 at 4.40.29 PM

ได้ API KEY และ APP ID, APP SECRET มาแล้ว เราก็เอามาใช้ครับ เปิดไฟล์ index.php ของเราขึ้นมา เขียนคำสั่งต่อไปนี้

PHP
1
2
3
4
5
6
7
<?php
error_reporting(0);
$app_id='APP_ID';
$app_secret='SECRET_KEY';
$code=$_GET['code'];
$redirect_uri='http://localhost/WebHenCam';
?>

เป็นการ เก็บค่าพื้นฐานของ แอพ เราครับ อย่าลืม เราต้องรู้นะครับว่า URL ของเรานั้นคืออะไร เช่นผม https://socialcam.com/v/oUd3SRHI ก็แบบว่า ID ของ Member ของผมคือ oUd3SRHI จะได้เอาใช้งาน

URL ในการเข้าระบบนั้น จะต้องเข้า 2 ขั้นครับ ขั้นแรกต้องเรียก Code มาก่อนให้เรียก URL ตามนี้

C#
1
https://socialcam.com/oauth/authorize?app_id=YOUR_APP_ID&amp;redirect_uri=REDIRECT_URI&amp;response_type=code

ต่อมาเอา code มาอ้างเพื่อขอ Access Token  ครับเรียกตามนี้

C#
1
https://socialcam.com/oauth/access_token?code=CODE&amp;app_id=YOUR_APP_ID&amp;app_secret=YOUR_APP_SECRET&amp;grant_type=authorization_code

มาดู Code ของเราครับผมจะทำปุ่ม เข้าระบบ ตามนี้

PHP
1
2
3
4
5
<?php if(empty($access_token)){?>
<a href="https://socialcam.com/oauth/authorize?app_id=<?=$app_id;?>&redirect_uri=<?=$redirect_uri;?>&response_type=code">Connect Social Cam</a>
<?php }else{?>
...
<?php }?>

และเมื่อเข้าระบบจะมีการดึงข้อมูล Access token ตามนี้

PHP
1
2
3
4
5
6
<?php
//Access token
$opengraph=file_get_contents('https://socialcam.com/oauth/access_token?code='.$code.'&app_id='.$app_id.'&app_secret='.$app_secret.'&grant_type=authorization_code');
$opengraph=json_decode($opengraph);
$access_token=$opengraph->access_token;
?>

การเรียก API ข้อมูลผู้ใช้งานคือ

C#
1
https://api.socialcam.com/v1/users/self.json?access_token=USER_ACCESS_TOKEN

เขียนโปรแกรมอ่าน JSON ตามนี้

PHP
1
2
3
4
5
6
7
8
9
10
<?php
//Profile
if($access_token){
$get_member=file_get_contents('https://api.socialcam.com/v1/users/oUd3SRHI.json?access_token='.$access_token.'');
$users=json_decode($get_member);
$name=$users->data->name;
$picture=$users->data->picture_180;
$link=$users->data->link;
}
?>

ลองเล่นดูจะเห็นการส่งค่า JSON ของเราคือ

C#
1
2
3
4
5
6
7
8
9
10
11
12
{ "meta":
       {
        "code": 200
        },
       "data": { "id": "1BQFQePr", "name": "The Roxie",
                      "link": "http://socialcam.com/u/1BQFQePr",
                      "picture": "http://u.scpic.net/1BQFQePr_50x50_5.png",
                      "picture_180": "http://u.scpic.net/1BQFQePr_large_5.png",
                      "bio": "Socialcam Rockstar",
                      "counts": { "followers": 1604428, "following": 60, "public_videos": 136 }
                    }
}

Code ทั้งหมดที่เขียนจะเป็นตามนี้

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<html>
<head>
<title>Social Cam API</title>
<meta charset="UTF-8">
</head>
<body>
<?php
error_reporting(0);
$app_id='APP_ID';
$app_secret='SECRET_KEY';
$code=$_GET['code'];
$redirect_uri='http://localhost/WebHenCam';
 
 
//Access token
$opengraph=file_get_contents('https://socialcam.com/oauth/access_token?code='.$code.'&app_id='.$app_id.'&app_secret='.$app_secret.'&grant_type=authorization_code');
$opengraph=json_decode($opengraph);
$access_token=$opengraph->access_token;
 
//Profile
if($access_token){
$get_member=file_get_contents('https://api.socialcam.com/v1/users/oUd3SRHI.json?access_token='.$access_token.'');
$users=json_decode($get_member);
$name=$users->data->name;
$picture=$users->data->picture_180;
$link=$users->data->link;
}
 
 
?>
 
 
<?php if(empty($access_token)){?>
<a href="https://socialcam.com/oauth/authorize?app_id=<?=$app_id;?>&redirect_uri=<?=$redirect_uri;?>&response_type=code">Connect Social Cam</a>
<?php }else{?>
<!--Access Token: <?=$access_token;?><br/-->
<strong>Your Profile: <?=$name;?></strong>
<p><img src="<?=$picture;?>"/></p>
<p>URL Profile:<?=$link;?></p>
 
<?php }?>
</body>
</html>

ทดสอบ

Screen Shot 2557-01-30 at 6.06.10 PM

กด Connect Socialcam

Screen Shot 2557-01-30 at 4.42.59 PM

ให้ Authorize แอพพลิเคชันครับ

Screen Shot 2557-01-30 at 5.49.56 PM

ข้อมูลปรากฏแล้ว

เราจะดูค่าของคนอื่นก็ได้นะครับ แค่หา URL มาเช่นคนนี้

Screen Shot 2557-01-30 at 5.27.20 PM

หากลองยิง URL ตามตัวอย่าง

C#
1
https://api.socialcam.com/v1/videos/bmrkPIwx.json?access_token=USER_ACCESS_TOKEN

จะได้ JSON ตามนี้ครับ

Screen Shot 2557-01-30 at 5.27.13 PM

ก็เอาเป็นว่า Socialcam API ก็ไม่ได้ยากเท่าไรครับ แต่ข้อเสียคือ ระยะเวลาของ Access Token ที่หมดเวล่เร็วไปนิดแค่นั้นครับ 😀

 

 

 

 

Comments

POST TAGS:

daydevthailand@gmail.com

<p>อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์ ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)</p>

Review overview
NO COMMENTS

Sorry, the comment form is closed at this time.

%d bloggers like this: