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