สอนทำ App Facebook แบบโคตรง่าย เขียนโปรแกรมไม่เก่งก็ทำได้

MeenyFancy · 03 กรกฎาคม 2012, 20:05:32

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

สิ่งที่ต้องมี
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 สุ่มภาพแล้วโพสเลย

โค้ด เลือก


<?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 สุ่มภาพแล้วกดยินยันก่อนโพส

โค้ด เลือก


<?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 ทำยังไง ที่นี่ เร็วๆ นี้

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

มาส่องมาลอง · 03 กรกฎาคม 2012, 20:08:43

ตามอ่านครับ

kik12 · 03 กรกฎาคม 2012, 20:09:49

ขอบคุณครับ

seonew · 03 กรกฎาคม 2012, 20:11:59

ลงชื่อก่อน

atzcret · 03 กรกฎาคม 2012, 20:25:46

ใจดีจัง

ตอนเราหา หาตั้งนาน เลยทำแบบงูๆ ปลาๆไป ^^

kittypunkz · 03 กรกฎาคม 2012, 20:33:41

ไฟล์เน่าไปแล้ว

MeenyFancy · 03 กรกฎาคม 2012, 20:36:01

อ้างถึงจาก: kittypunkz ใน 03 กรกฎาคม 2012, 20:33:41
ไฟล์เน่าไปแล้ว

อ้าว เด่วแปปคับ ขับรถอยู่ ถึงบ้านอับให้ใหม่

dawinci · 03 กรกฎาคม 2012, 20:57:59

ขอบคุณคับ

clickfive · 03 กรกฎาคม 2012, 21:00:57

เฝ้ารออยู่ครับ

ichioini · 03 กรกฎาคม 2012, 21:03:23

ตอนอ่านอยูกำลังคิดๆว่าจะทำยังไงให้โพสต์บน Wall ของผู้เล่นได้
พอลองไปเล่นแล้วปรากฏว่ามันโพสต์ให้อัตโนมัติเลย
คำถามเลยเปลี่ยนมาเป็น ทำยังไงให้ผู้เล่นกดยืนยันก่อนที่จะให้โปรแกรมมันโพสต์ภาพครับ

pigdoll · 03 กรกฎาคม 2012, 21:11:13

น่าสนใจมาก

MeenyFancy · 03 กรกฎาคม 2012, 21:31:35

อ้างถึงจาก: ichioini ใน 03 กรกฎาคม 2012, 21:03:23
ตอนอ่านอยูกำลังคิดๆว่าจะทำยังไงให้โพสต์บน Wall ของผู้เล่นได้
พอลองไปเล่นแล้วปรากฏว่ามันโพสต์ให้อัตโนมัติเลย
คำถามเลยเปลี่ยนมาเป็น ทำยังไงให้ผู้เล่นกดยืนยันก่อนที่จะให้โปรแกรมมันโพสต์ภาพครับ

อับที่ rep 0 ละครับ

iqblock · 03 กรกฎาคม 2012, 21:40:00

+ ให้อ่ะ
144 --> 145

ichioini · 03 กรกฎาคม 2012, 22:06:05

ลองแล้วมันขึ้นแบบนี้ครับ
ต้องทำยังไงครับ

Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at D:\inetpub\vhosts\httpdocs\app.php:1) in D:\inetpub\vhosts\httpdocs\facebook.php on line 37

Warning: Cannot modify header information - headers already sent by (output started at D:\inetpub\vhosts\httpdocs\app.php:1) in D:\inetpub\vhosts\httpdocs\app.php on line 14

MeenyFancy · 03 กรกฎาคม 2012, 22:07:57

อ้างถึงจาก: ichioini ใน 03 กรกฎาคม 2012, 22:06:05
ลองแล้วมันขึ้นแบบนี้ครับ
ต้องทำยังไงครับ

Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at D:\inetpub\vhosts\httpdocs\app.php:1) in D:\inetpub\vhosts\httpdocs\facebook.php on line 37

Warning: Cannot modify header information - headers already sent by (output started at D:\inetpub\vhosts\httpdocs\app.php:1) in D:\inetpub\vhosts\httpdocs\app.php on line 14

ใส่ไรไปเพิ่มละคับ

flukgameth · 03 กรกฎาคม 2012, 22:10:02

+1 likeeeeeeeee มากๆๆครับ

PAGE · 03 กรกฎาคม 2012, 22:11:38

ขอบคุณครับ

xeonza999 · 03 กรกฎาคม 2012, 22:12:47

ขอบคุณครับ

หมวดองศา · 03 กรกฎาคม 2012, 22:20:02

ขอบคุณครับ +1

BuBuH · 03 กรกฎาคม 2012, 22:25:01

ขอบคุณครับ