Mình sẽ hướng dẫn các bạn cách viết một facebook application (web app)
trong vòng 10 phút. Như mọi người đều biết thì FaceBook có một lượng
người dùng cực lớn và hiện tại FB cho phép chúng ta tương tác với dữ
liệu đó thông qua các API (Facebook SDK Framework) dựng sẵn mà FB cung
cấp cho các developer. SDK hiện tại đang chứa tại Github với phiên bản
Facebook PHP SDK v.3.1.1 . Nhưng hiện tại phần tài liệu hướng dẫn cho
những người mới bắt đầu làm quen với việc phát triển facebook còn hạn
chế, do đó để tìm một tài liệu hướng dẫn xây dựng 1 fb app hoàn chỉnh
thì khá là khó.
Các bạn có thể tìm tải php SDK tại đây https://github.com/facebook/php-sdk
Facebook cho phép chúng ta tạo ra một app và hiển thị tương tác đối với user theo 2 dạng:
1. Profile: đây là trang chính mà facebook tương tác. Tại đây hiển thị chi tiết các thông tin app, status và các bình luận tương tác của bạn. Rất tốt nếu ta có 1 cái widget hiển thị ở profile này nhưng facebook không cho phép javascript chạy ở trang profile này mà chỉ có thể chạy ở canvas page (trang chính của app). Và chính vì thế bạn phải sử dụng loại ngôn ngữ được facebook tạo ra và đặt tên là FBML (Facebook Makeup Language). Ngôn ngữ này hao hao với phiên bản HTML bình thường, đối với những ai đã làm quen với short code hay các template engine trong lập trình sẽ dễ dàng làm quen với ngôn ngữ này.
2. Canvas page: như mình đã nói ở trên, đây chính là trang hiển thị chính của app khi bạn muốn sử dụng 1 app nào đó thì bạn phải truy cập vào trang của app đó trước. Ví dụ như: http://apps.facebook.com/toiyeufacebook . Bạn có thể tạo nhiều page bạn muốn và facebook không giới hạn việc tạo page này.Và tại trang này bạn có thể chọn hiển thị nội dung từ 1 địa chỉ web nào đó thông qua iframe và chúng ta sẽ sử dụng phương pháp này
Ok trên đây là các thông tin cơ bản để có thể bắt đầu việc viết app:
Bước 1: Đăng nhập Facebook
Đầu tiên bạn phải đăng nhập Facebook trước
Bước 2: Đăng ký phát triển application
Bạn có thể truy cập vào https://developers.facebook.com/apps để tạo một application.
Bước 3: Tạo application. (30 giây)
Click vào nút Create new app
Bước 4: Điền thông tin chi tiết về application
Có rất nhiều thông tin nhưng mình chỉ hướng dẫn bạn điền một vài thông tin để có thể sử dụng được app của bạn sẽ tạo.
App Display Name: Tên mà app của bạn sẽ hiển thị (tương đương với tên app)
App Namespace: giống như một username riêng biệt của facebook hay yahoo id, ví dụ như mình là saocungduoc.
Nhấn Continue
Nhập Capcha vào
Sau khi nhấn Submit Facebook sẽ đưa bạn đến trang Basic info của app. Tại đây bạn có thể điền thêm một vài thông tin như:
Contact Email:Có sẵn email của bạn
App Domain: Là domain trỏ tới host nơi bạn chứa file php để chạy ứng dụng (ví dụ phuc88bmt.com/app/)
Category : App for page, game... Cái nào cũng được
Canvas URL: điền vào tên domain mà bạn có giống App domain (phải kết thúc bằng dấu '/')
vd:http://phuc88bmt.com/app/
Phần App on Facebook:
Canvas Page: tại đây sẽ hiển thị dạng http://apps.facebook.com/{namespace} mà bạn đã đặt ở bước trên
Canvas URL: giống Site url và thêm tên file đã tạo phía trên
VD: http://phuc88bmt.com/app/
Secure Canvas URL: thêm secure tức là địa chỉ sẽ có dạng https nếu host của bạn hỗ trợ
Ở Việt Nam không có host nào free hỗ trợ, host mua thì rất đắt. Vì vậy ta sẽ dùng dịch vụ chuyển tiếp.
Truy cập vào https://fbssl.co/
Nhập Page Tab URL vào rồi nhấn Convert. Ứng dụng sẽ tự tạo cho ta 1 link https, bỏ link đó vào Secure Canvas URL, thêm dấu ? vào cuối link.
Ví dụ link nó là: https://fbssl.co/P1y9qv
Ta thêm dấu ? vào thành https://fbssl.co/P1y9qv?
Sau đó Save lại là ok
Sau khi nhấn Save thì dấu ? tự nhiên biến mất. Nhưng không sao, chúng ta đã hoàn thành bước tạo app.
5. Done! (Trải nghiệm)
Quay trở lại phần Home của facebook và để ý phần dưới bên trái sẽ có tên app mà bạn đã tạo, hãy click vào đó và trải nghiệm một app mà do chính tay bạn đã tạo ra
Các bạn có thể tìm tải php SDK tại đây https://github.com/facebook/php-sdk
Facebook cho phép chúng ta tạo ra một app và hiển thị tương tác đối với user theo 2 dạng:
1. Profile: đây là trang chính mà facebook tương tác. Tại đây hiển thị chi tiết các thông tin app, status và các bình luận tương tác của bạn. Rất tốt nếu ta có 1 cái widget hiển thị ở profile này nhưng facebook không cho phép javascript chạy ở trang profile này mà chỉ có thể chạy ở canvas page (trang chính của app). Và chính vì thế bạn phải sử dụng loại ngôn ngữ được facebook tạo ra và đặt tên là FBML (Facebook Makeup Language). Ngôn ngữ này hao hao với phiên bản HTML bình thường, đối với những ai đã làm quen với short code hay các template engine trong lập trình sẽ dễ dàng làm quen với ngôn ngữ này.
2. Canvas page: như mình đã nói ở trên, đây chính là trang hiển thị chính của app khi bạn muốn sử dụng 1 app nào đó thì bạn phải truy cập vào trang của app đó trước. Ví dụ như: http://apps.facebook.com/toiyeufacebook . Bạn có thể tạo nhiều page bạn muốn và facebook không giới hạn việc tạo page này.Và tại trang này bạn có thể chọn hiển thị nội dung từ 1 địa chỉ web nào đó thông qua iframe và chúng ta sẽ sử dụng phương pháp này
Ok trên đây là các thông tin cơ bản để có thể bắt đầu việc viết app:
Bước 1: Đăng nhập Facebook
Đầu tiên bạn phải đăng nhập Facebook trước
Bước 2: Đăng ký phát triển application
Bạn có thể truy cập vào https://developers.facebook.com/apps để tạo một application.
Bước 3: Tạo application. (30 giây)
Click vào nút Create new app
Bước 4: Điền thông tin chi tiết về application
Có rất nhiều thông tin nhưng mình chỉ hướng dẫn bạn điền một vài thông tin để có thể sử dụng được app của bạn sẽ tạo.
App Display Name: Tên mà app của bạn sẽ hiển thị (tương đương với tên app)
App Namespace: giống như một username riêng biệt của facebook hay yahoo id, ví dụ như mình là saocungduoc.
Nhấn Continue
Nhập Capcha vào
Sau khi nhấn Submit Facebook sẽ đưa bạn đến trang Basic info của app. Tại đây bạn có thể điền thêm một vài thông tin như:
Contact Email:Có sẵn email của bạn
App Domain: Là domain trỏ tới host nơi bạn chứa file php để chạy ứng dụng (ví dụ phuc88bmt.com/app/)
Category : App for page, game... Cái nào cũng được
Canvas URL: điền vào tên domain mà bạn có giống App domain (phải kết thúc bằng dấu '/')
vd:http://phuc88bmt.com/app/
Phần App on Facebook:
Canvas Page: tại đây sẽ hiển thị dạng http://apps.facebook.com/{namespace} mà bạn đã đặt ở bước trên
Canvas URL: giống Site url và thêm tên file đã tạo phía trên
VD: http://phuc88bmt.com/app/
Secure Canvas URL: thêm secure tức là địa chỉ sẽ có dạng https nếu host của bạn hỗ trợ
Ở Việt Nam không có host nào free hỗ trợ, host mua thì rất đắt. Vì vậy ta sẽ dùng dịch vụ chuyển tiếp.
Truy cập vào https://fbssl.co/
Nhập Page Tab URL vào rồi nhấn Convert. Ứng dụng sẽ tự tạo cho ta 1 link https, bỏ link đó vào Secure Canvas URL, thêm dấu ? vào cuối link.
Ví dụ link nó là: https://fbssl.co/P1y9qv
Ta thêm dấu ? vào thành https://fbssl.co/P1y9qv?
Sau đó Save lại là ok
Sau khi nhấn Save thì dấu ? tự nhiên biến mất. Nhưng không sao, chúng ta đã hoàn thành bước tạo app.
5. Done! (Trải nghiệm)
Quay trở lại phần Home của facebook và để ý phần dưới bên trái sẽ có tên app mà bạn đã tạo, hãy click vào đó và trải nghiệm một app mà do chính tay bạn đã tạo ra