TỰ TẠO ỨNG DỤNG FACEBOOK ĐƠN GIẢN TRONG 30 Bạn Làm Được Chăng ?

Việc tạo và chạy 1 ứng dụng facebook trước kia lằng nhằng và có 2 cách là Dùng FBML (ngôn ngữ do facebook sáng chế ) và iframe.

Bây h facebook vừa không hỗ trợ cho FBML, nghe nói cũ rồi ,1 vài ứng dụng facebook viết bằng FBML vì thế cũng chết theo ,1 vài ebook chỉ dẫn làm ứng dụng cho facebook cũng không thể làm theo .


Để tạo 1 ứng dụng vui trên facebook sẻ chia cùng bạn bè ,bây h không mất quá nhiều thời (gian) gian và dễ dàng hơn bao h hết .

1-host free heroku - cái này quá tuyệt cú luôn ( trước kia thì mệt lắm dùng localhost chạy qua chạy lại up lên tải xuống )

2-heroku giúp ta phần kết nối - tạo sẵn luôn cho bạn 1 class kết nối với facebook (ngon rồi)

3-đỡ phải config lằng nhằng nào là canvas,iframe, hay fbml ,php sdk hay javascript sdk.....

4- test cái cho vui với thỉnh thầy trên facebook

bắt tay vào làm 1 app facebook nào :



B1:

Vô đây để đăng ký tên cho 1 app đã sau đó click Create New App :


-Nếu ai vừa từng tạo facebook sẽ có hình



sau khi click ta thấy hộp thoại sẽ hiện ra
chọn tên app ở đây , shi chọn Qrcode ,hay gì đó tùy bạn chọn cho hợp tên ứng dụng của bạn .

** chú ý tick vào web hosting : nhà cùng kiệt nên dùng host heroku (biết dùng thì cực KẾT luôn) tiện mà free -ở đây ta đang làm trên heroku mà .

ok xong chọn continue
gõ mã xác nhận tránh spam của facebook nhảy qua bước kế nào
chọn ngôn ngữ ở đây là PHP và (đăng ký tài khỏan mới trên web heroku) là như trên
khi nhận được thông báo như trên là xong - chúc mừng bạn vừa xong bước 1

B2: vô ứng dụng vừa tạo để kiểm tra khi các thông số :

ở website -> site URL , canvas URL , secure Canvas URL, Canvas Page ... tự heroku sẽ tạo và kết nối đến facebook . khi thấy các thông số trên là vừa thành công 1/2 Bước 2
kiểm tra host heroku vừa config chưa bằng cách

gõ địa chỉ
ra được hình trên là ổn

B3: down soft heroku tool hỗ trợ cho chuyện up hay thay đổi file trên server (host) heroku
- vô đây để download

sau khi tải và chạy màn hình dos heroku- đăng nhập bằng email + pass vừa tạo
** khi nhập pass nó sẽ không hiện gì kể cả ký tự *** thường thấy , vì vậy cứ nhập cho đúng là ok


$ heroku loginEnter your Heroku credentials.Email: [email protected]sword: Could not find an existing public key.Would you like to generate one? [Yn] Generating new SSH public key.Uploading ssh public key /Users/adam/.ssh/id_rsa.pub

.B4 : chỉnh sửa tạo ứng dụng trên máy tính của mình

mở màn hình dos của heroku gõ
$ cd trở về mục chính

rồi gõ tiếp

$ git clone [email protected]:blooming-meadow-5451.git -o heroku

trong đó
blooming-meadow-5451 là url

mà ta heroku vừa tạo ra


$ git clone [email protected]:blooming-meadow-5451.git -o herokuInitialized empty Git repository in /Users/adam/facebook-template-php/.git/remote: Counting objects: 273, done.remote: Compressing objects: 100% (183/183), done.remote: Total 273 (delta 2), reused 261 (delta 0)Receiving objects: 100% (273/273), 25.55 KiB, done.Resolving deltas: 100% (2/2), done.

nếu hiện ra tình trạng xử lý như trên là vừa thành công không thì vào

mở file trong máy tính tại C:\Documents and Settings\Tên user máy tính của bạn

nếu thấy xuất hiện folder "blooming-meadow-5451" là thành công


B5 : chỉnh sửa code : thử tý xem sao

dùng notepad , DW hay notepad++ để sửa file index.php

tìm dòng chữ

Welcome to your Facebook app, running on heroku!

thay thế thử bằng

This is my app, I can edit it all I want.

save file lại

B6: upload để thay đổi trên server

Có 2 cách :

A -1 trên màn hình dos heroku bằng 2 lệnh


$ git commit -am "ghi chú" A-2 gửi 1 commit đến server để ghi chú ( mỗi lần gửi 1 commit là 1 ghi chú khác nhau - lần sau khác lần trước )

$git push heroku master

lệnh để đẩy code lên server

B cách 2 dễ hơn nhiều vì dùng chuột click click thôi - cá nhân mình KẾT cách này trực quan hơn .

chuột phải vào file index.php trong thư mục "blooming-meadow-5451"
sẽ ra giao diện quản lý
làm lần lượt

1- click recan : quét thay đổi

2- click stage changed : thay đổi

3- gõ vào commit message từ gì đó ví dụ " 1" (lần thay đổi sau thì gõ từ khác)

4 click commit
5 click push ra giao diện push gui

6- click tiếp push - đợi push xong
ra được hình tương tự như trên là bạn vừa thành công rồi .

1 vài ứng dụng facebook dùng heroku vừa làm





và đây là link download app mẫu - Tải file morning-rain-1242
** down về giải nén ,nhưng đừng copy nguyên tất cả file trong thư mục morning-rain-1242 vào thư mục heroku vừa tạo ra trên máy bạn , nó sẽ lỗi đó , chỉ copy file những file
1- index.php
2-,java.js.php
3-và thư mục ảnh img
vào thư mục mà host heroku vừa tạo ra trên máy bạn nhé

tha hồ mà test nhé
chúc bạn thành công


Thấy hay Xin đừng quyên thank

kiếm thank ah