สอนทำ App Facebook อย่างง่าย ๆ ด้วย php

หน้าแรก facebook app สอนทำ App Facebook อย่างง่าย ๆ ด้วย php

อะเริ่มเล่น ไม่ลีลา ที่จะสอนคือการทำแอปสุ่มภาพแบบกากๆ เลยนี่แหละ

สิ่งที่ต้องมี
1. facebook API
2. hosting ที่รองรับ php (แนะนำ Gator)
3. หล่อ ใครทำไม่ได้แปลว่าไม่หล่อ

ขั้นตอนการทำ
1. ขอ facebook API

- ไปที่ https://developers.facebook.com/apps ครับ กดปุ่ม Create new App

- ตั้งค่าตามภาพ เสร็จแล้วกด Continue

คราวนี้เป็นการ config app ละ ขั้นตอนนี้ค่อนข้างสำคัญครับ อย่าพลาดเด้อ

2. มาลุยกับ php ของเราดีกว่า
ไฟล์ที่เราต้องแก้ไข ชื่อว่า app.php ไฟล์อื่นอย่าไปยุ่งหละ

ตัวอย่างที่ 1 สุ่มภาพแล้วโพสเลย

Code

<?php
set_time_limit(50);
require 'facebook.php';
$facebook = new Facebook(array(
'appId' => '999999', // ตรงนี้เอา APP ID มาใส่
'secret' => '55555555555555', // ตรงนี้เอา App Secret มาใส่
));

// Get User ID
$user = $facebook->getUser();
if ($user) {
} else {
$loginUrl = $facebook->getLoginUrl();
header('Location:' . $loginUrl . '&scope=user_photos,publish_stream');
}

if ($user) {
if (isset($_GET['upload']))
{
?>
<html>
<head>
<title>สุ่มภาพกากๆ 1.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="text-align: center; font-family: tahoma, arial;">
<div id="fbtpdiv"></div>
<h1>สุ่มภาพกากๆ 1.0</h1>
<br/><br/>
<?php
$facebook->setFileUploadSupport(true);
$pic = "img/R" . rand(1,2) . ".gif";
$args = array('message' => 'สุ่มภาพกากๆ 1.0 คลิก http://www.lifeserie.com/app/app.php');
$args['image'] = '@' . realpath($pic);
$data = $facebook->api('/me/photos', 'post', $args);
$argstag = array('to' => $user);
$argstag['x'] = 40;
$argstag['y'] = 40;
$datatag = $facebook->api('/' . $data['id'] . '/tags', 'post', $argstag);
echo 'ภาพที่สุ่มได้คือ <br />';
echo "<img src=$pic /> <br />";
} else {
?>
<html>
<head>
<title>สุ่มภาพกากๆ 1.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="text-align: center; font-family: tahoma, arial;">
<div id="fbtpdiv"></div>
<a href="app.php?upload=true"><h1>สุ่มภาพกากๆ 1.0</h1></a>
<br/><br/><br /> <br />

<?php
}
}
?>
</body>
</html>

อธิบาย
บรรทัดที่ 5 - 6 ใส่ App Id กับ App Secret ที่เราก๊อบมา
บรรทัดที่ 10 เชคว่า app ได้สิทธิ์ authen หรือยัง
บรรทัดที่ 11-15 ถ้ายังไม่ authen ก็ขอซะ scope=user_photos,publish_stream คือขอสิทธิ์โพสรูปและข้อความ
บรรทัดที่ 17 ถ้าได้สิทธิ์แล้ว ก็เข้าฟังชันอับรูป
บรรทัดที่ 31 สุ่มภาพ "img/R" . rand(1,2) . ".gif" โดยภาพจะอยู่ใน path img มีคำขึ้นต้นว่า R และตัวเลขจะสุ่มระหว่าง 1 ถึง 2
ถ้าจะแก้ path ก็แก้ตรงคำว่า img ถ้าจะแก้ prefix ก็เปลี่ยตรง R ถ้าเพิ่มตัวเลขก็ rand(1,2) แก้เป็น rand(1,999) หรือเท่าไรก็ว่าไป แต่อย่าลืมใส่รูปให้เท่ากับที่เขียนไว้

บรรทัดที่ 33 ข้อความที่จะโพส
บรรทัดที่ 34 ถึง 39 ห้ามแก้
บรรทัดที่ 40 กับ 41 เอาไว้โชว์หลังโพสแล้ว

ตัวอย่างที่ 2 สุ่มภาพแล้วกดยินยันก่อนโพส

Code

<?php
set_time_limit(50);
require 'facebook.php';
$facebook = new Facebook(array(
'appId' => '378421525557732', // ตรงนี้เอา APP ID มาใส่
'secret' => '3e6134f58080db26e38159745364f0ac', // ตรงนี้เอา App Secret มาใส่
));

// Get User ID
$user = $facebook->getUser();
if ($user) {
} else {
$loginUrl = $facebook->getLoginUrl();
header('Location:' . $loginUrl . '&scope=user_photos,publish_stream');
}

if ($user) {
if (isset($_GET['upload']))
{
?>
<html>
<head>
<title>สุ่มภาพกากๆ 1.1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="text-align: center; font-family: tahoma, arial;">
<div id="fbtpdiv"></div>
<h1>สุ่มภาพกากๆ 1.1</h1>
<br/><br/>
<?php
$pic = $_GET['picz'];
$facebook->setFileUploadSupport(true);
$args = array('message' => 'สุ่มภาพกากๆ 1.0 คลิก http://www.lifeserie.com/app/app2.php');
$args['image'] = '@' . realpath($pic);
$data = $facebook->api('/me/photos', 'post', $args);
$argstag = array('to' => $user);
$argstag['x'] = 40;
$argstag['y'] = 40;
$datatag = $facebook->api('/' . $data['id'] . '/tags', 'post', $argstag);
echo 'ขอบคุณครับ';
} else {
?>
<html>
<head>
<title>สุ่มภาพกากๆ 1.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="text-align: center; font-family: tahoma, arial;">
<div id="fbtpdiv"></div>
<?php
$pic = "img/R" . rand(1,2) . ".gif";

echo "<a href="app2.php?upload=true&picz=$pic"><h1>โพสภาพที่ได้ คลิก</h1></a> <br>";
echo 'ภาพที่สุ่มได้คือ <br />';
echo "<img src=$pic /> <br />";
?>

<br/><br/><br /> <br />

<?php
}
}
?>
</body>
</html>

วิธีใช้งานไฟล์ sample
หลังจากได้ app id, app secret แล้ว
ก็เอามาแก้ไขในไฟล์ app.php
แล้วอับโหลดทุกไฟล์ใส่ใน host ของเรา ต้องเป็น path เดียวกับที่ตั้งค่าไว้ใน facebookapp นะ

หลังจากอับเสร็จแล้ว ก็เรียก url เลย
ตัวอย่าง app ที่สร้างเสร็จแล้ว

- ขออภัยครับ เผลอไปลบเว็บตัวอย่างไปซะละ -

ถ้าใครสงสัย ห้ามถาม ให้ลองกับตัวเองก่อน ไม่ได้จึงค่อยถาม

Source Code Download www.meenyfancy.com/dummy.rar (โหลดได้แล้ว)

โปรดติดตามภาคสอง ถ้าจะบังคับให้ user กด Like ก่อนเล่น App ทำยังไง ที่นี่ เร็วๆ นี้

ใครที่ทำเสร็จแล้ว โพสให้กันเล่นบ้างเด้อ

refer: http://www.thaiseoboard.com/index.php/topic,277826.0.html

ขึ้นไปด้านบน