Mã Nguồn MởTìm Hiểu Cách Viết ứng
dụng facebook
Giáo viên hướng dẫn: Tạ NguyễnSinh viên thực hiên: Đinh Trung HiếuMSSV:310000020Lớp:10CT112
I.Giới Thiệu1.ứng dụng facebook là gì??
Applications hay ngắn hơn là Apps: là các chương trình
được thiết kế để tương tác với người dùng Facebook .
Thông thường chúng là các ứng dụng web được lập
trình bằng một số ngôn ngữ lập trình phổ biến, tuy
nhiên chúng có một đặc điểm riêng đó là có thể tương
tác với cơ sở dữ liệu của Facebook qua API (Application
Programming Interface) để tìm ra một số thông tin như
bạn bè, những người đang sử dụng ứng dụng…(tất
nhiên là phải được sự cho phép của bạn).
2.mục tiêu của ứng dụng:
Điều mà Facebook quan tâm nhất lúc này không phải số
lượng người dung nữa mà là chất lượng các ứng dụng, cũng
như lợi nhuận.Facebook đang đầu tư vào lĩnh vực giải trí đa
phương tiện. Đặc biệt là cung cấp thêm nhiều ứng dụng về
nghe nhạc và xem video. Một khi các ứng dụng giải trí trên
mạng xã hội này tăng về mặt chất lượng và số lượng thì càng
hấp dẫn người dùng. Chắc chắn rằng trong tương lai nó cũng
sẽ mang lại lợi nhuận không nhỏ cho Facebook.
3.lợi ích:
o Kéo lượt like Facebook, Fanpage của bạn lên từng giây, từng
phút. Qua đó tăng khả năng truyền tải thông tin của bạn đến
nhiều người dùng hơn nữa.
o Tạo các cuộc thi, sự kiện, bình chọn, bốc thăm trúng thưởng
ngay trên Facebook.
o Tạo các ứng dụng Game trên Facebook, thu hút bạn bè
Facebook trên toàn thế giới
Candycrush:
Farm hero:
- Hàng trăm ứng dụng trên facebook đang được “ra lò”
mỗi ngày để phục vụ nhu cầu giải trí của khách hàng.
Nhưng chắc ít người biết rằng, bên cạnh chức năng giải
trí, còn có một chức năng tuyệt vời khác: kiếm tiền
3.ngôn ngữ lập trình:
-php
-javacript
II.Cách viết một ứng dụng cho facebook
Các yêu cầu trước khi viết
ứng dụng facebook.
Tài khoản facebook
domain và 1
hosting
SSL Certificate Sim Điện thoại
Chương trình viết code :
notepad++..
A.Đăng Kí App với Facebook:
• Trước tiên bạn truy cập vào đường dẫn sau:
https://developers.facebook.com
Đây là trang dành cho các developer của Facebook.
ở mục ứng dụng bạn click chọn create a new app:
Một cửa sổ mới hiện ra đề nghị bạn nhập thông tin khai báo về App sẽ tạo của mình.:
Bạn cần khai báo:
• Display name: tên của App, cái này tùy bạn.
• Namespace: phần này chính là đường dẫn đến app của bạn. Bạn cần chọn một tên không phải tiếng Việt và duy nhất.
Sau khi nhấn nút tạo ứng dụng thì facebook sẽ bắt chúng ta nhập mã capcha vào để xác nhận.
Sau khi việc đăng ký hoàn tất, bạn có thể cấu hình cho App của mình.
.click thêm nền tảng :
Click chọn ứng dụng trên facebook.sẽ hiện lên những thong tin cơ bản sau:
• Mã ứng dụng: số ID của ứng dụng do FaceBook tự sinh ra. Bạn có thể chẳng cần nhớ số ID này vì có
thể lấy ID này dễ dàng bằng cách vào đây mà xem.
• App Secrect: đây là mã ứng dụng mà chỉ có người quản trị hoặc đăng ký ứng dụng mới có. Mã này
giúp cho các đoạn mã lập trình sau này của bạn (bằng PHP, Javascript...) có thể kết nối với Restful
Service của FaceBook được. Nó rất cần thiết cho quá trình viết ứng dụng sau này. Tuy nhiên, do có
thể xem dễ dàng nên bạn không cần phải nhớ nó.
• Emai lien hệ: địa chỉ email FaceBook có thể gửi email cho bạn để thông báo về tình hình ứng dụng
hoặc các phản hồi khi cần thiết
• App Domain: tên miền bạn sử dụng cho App. (không điền cũng không sao)
Phần ứng dụng trên Facebook, các bạn cần chú ý những điểm sau:
• Canvas Page: nếu để ý bạn sẽ thấy đường dẫn này chính là đường dẫn mặc định của FaceBook kết hợp với
phần App Namespace mà bạn đã điền trước đây. Đây là đường dẫn đến ứng dụng của bạn trên FaceBook.
• Canvas URL: đường dẫn này khá quan trọng. Khi một người dùng click vào đường dẫn Canvas Page,
Facebook sẽ gọi một Frame dựa trên URL bạn sẽ khai báo ở phần này để lấy nội dung. Bạn cần điền chính
xác đường dẫn đến trang mà người dùng sẽ thấy khi tải ứng dụng.đường link đến ứng dụng.nằm trên host.
• Secure canvas URL: đây là dạng định dạng mã hóa dữ liệu SSL. Để tải dữ liệu ứng dụng lên, FaceBook đòi
hỏi dữ liệu phải được mã hóa. Do đó hosting của bạn phải cần mở SSL.
• Cavas Width: độ rộng khung ứng dụng.
• Cavas Height: độ cao khung ứng dụng.
B.Viết Một Ứng Dụng Bằng PHP:
• Trước tiên, do việc xây dựng app của chúng ta dựa trên
nền tảng PHP, cho nên bạn cần download bộ SDK của
FaceBook dựa trên nền tảng PHP. Chúng ta chép bộ SDK
vào thư mục chứa ứng dụng của chúng ta.
• Các bạn vào địa chỉ như hình:
• Sau khi click vào download the PHP SDK, ta sẽ được link
tải bộ PHP SDK:
• Click download ZIP
Sau khi tải vê và giải nén thì các bạn sẽ có được những thư mục và files sau
• Các thư mục examples, src, tests chứa các hàm mà facebook cung cấp sẵn
cho chúng ta, muốn sử dụng nó, chúng ta chỉ cần copy và dán vào file cấu
hình ứng dụng .
• Việc tiếp theo, ta cần tạo một file có tên index.php để cấu hình để SDK có
thể kết nối với Restful Service của Facebook. Nội dung file này như sau
$config = array(); $config["appId"] = '123456789'; $config["secret"] = '123456789abc'; $config["fileUpload"] = false; // optional $config["cookie"] = true; // enable optional cookie support
?>Trong trong đoạn code trên, bạn cần thay lại $config["appId"] và $config["secret"] bằng các chuỗi kí tự được Facebook cung cấp.Tiếp theo, bạn viết file index.php để chạy app của mình. Hãy bắt đầu với đoạn code sau:require_once("config.php"); require_once("src/facebook.php"); $facebook = new Facebook($config);
?>Nói một cách đơn giản và dễ hiểu, chúng ta đã cấu hình và kết nối với SDK của FaceBook thông qua object $facebook. Để kiểm tra người dùng đã "Like" ứng dụng hay chưa, bạn có thể sử dụng đoạn code sau: if($signed_request["page"]["liked"]!=1){ $is_liked = false; }else{ $is_liked = true; }
Nếu biến $is_liked trả về true nghĩa là người dùng đã "Like" ứng dụng, bạn có thể đưa họ đến ứng dụng. Ngược lại bạn có thể hiển thị ra thông tin đềnghị người dùng “Like” ứng dụngLúc này, chúng ta sẽ cần một cấu trúc if else để xử lý vấn đề người dùng đã like hay chưa. Tiếp theo, chúng ta sẽ lấy thông tin người dùng từ FaceBook để phục vụ cho mục đích của mình. Bạn có thể lấy rất nhiều thứ, nhưng trong bài này mình chỉ lấy những thông tin cơ bản thôi: $user = $facebook->getUser(); if ($user) { try { // Proceed knowing you have a logged in user who's authenticated. $user_profile = $facebook->api('/me'); } catch (FacebookApiException $e) { error_log($e); $user = null; }
$code = $_REQUEST["code"]; if(empty($code)) { $_SESSION['state'] = md5(uniqid(rand(), TRUE)); //CSRF protection $dialog_url = "http://www.facebook.com/dialog/oauth?client_id=" . $config["appId"] . "&redirect_uri=" . urlencode(CANVAS_PAGE) . "&state=" . $_SESSION['state']; echo("<script> top.location.href='" . $dialog_url . "'</script>"); } //get user access_token $token_url = 'https://graph.facebook.com/oauth/access_token?client_id=' . $config["appId"] . '&redirect_uri=' . urlencode(CANVAS_PAGE) . '&client_secret=' . $config["secret"] . '&code=' . $code; $access_token = file_get_contents($token_url);
// Run fql query $fql_query_url = 'https://graph.facebook.com/' . '/fql?q=SELECT+birthday+FROM+user+WHERE+uid=me()' . '&' . $access_token; $fql_query_result = file_get_contents($fql_query_url); $fql_query_obj = json_decode($fql_query_result, true); $birthday = $fql_query_obj["data"][0]["birthday"]; ?> <img src="https://graph.facebook.com/<?php echo $user; ?>/picture"> <h3>Chào <strong><?=$outname . " " . $user_profile["name"];?></strong></h3> <div> <p>Ngày sinh của bạn là: <?=$birthday?></p> </div> <?php }else{ echo("<script> top.location.href='" . $facebook->getLoginUrl() . "&scope=user_birthday'</script>"); }
Hết
Top Related