Viết ứng dụng cho Facebook bằng Asp.net [Phần 1 - Chương 1 - Bước 2]

by Mèo Tom on March 2, 2010

Facebook được viết bằng ngôn ngữ lập trình PHP và hiển nhiên các ứng dụng viết cho facebook cũng được viết bằng PHP nốt, 1 điều mà các lập trình viên ASP.NET chả thích thú chút nào khi muốn phát triển các ứng dụng của mình trên facebook  . Mèo cũng có đắn đo như vậy vì mình vốn không mạnh PHP cho lắm (sở trường của mèo là ASP.NET ) .


Lặn lội tầm sư học đạo trên Google ròng rã 1 thời gian cuối cũng mèo cũng đã có 1 số kiến thức  nhất định nay xin  làm 1 cái tutorials  về vấn đề này.Tổng cộng sẻ có 6 Part nhưng trong quá trình đang làm việc có thể ít hoặc nhiều hơn có thể(có sử dụng 1 số tài liệu tiếng Anh ). Chúng ta bắt đầu chuyển hành trình thôi!

facebook app Viết ứng dụng cho Facebook bằng Asp.net [Phần 1   Chương 1   Bước 2]

Chương 1:

(có 7 bước) Trong chương này chúng ta sẻ nói về nhưng cái cơ bản nhất cần phải có của 1 facebook application, qua từng step 1 các bạn sẻ hiểu rõ hơn về các facebook application hiện đang được sử dụng trên facebook.

Bước 1: Tạo lập ứng dụng

Điều đầu tiên đó là bạn phải tạo riêng cho mình 1 ứng dụng facebook -> http://www.facebook.com/developers/

Click vào button : Cài đặt ứng dụng mới

setup Viết ứng dụng cho Facebook bằng Asp.net [Phần 1   Chương 1   Bước 2]

Tạo lập xong các bước cần thiết sau đó các bạn đến tab Canvas

canvas Viết ứng dụng cho Facebook bằng Asp.net [Phần 1   Chương 1   Bước 2]

Trong Canvas Page URL sẻ là đường link ứng dụng của bạn. Canvas Callback URL chính là địa chỉ gốc mà ứng dụng bạn viết sẻ được liên kết với facebook. Địa chỉ trong hình là do mèo lấy sẳn ứng dụng mèo tạo lập để demo cho dể chứ host mèo đang sử dụng là host linux, nếu bạn muốn ứng dụng thử các demo của mình có thể reg cho mình 1 host free asp.net xài tạm cũng được. Reg here (hàng free nhưng ok lắm đấy nhé :D )

Trong Canvas Settings bạn chọn như sau còn vì sao thì mèo sẻ giải thích sau

fbml Viết ứng dụng cho Facebook bằng Asp.net [Phần 1   Chương 1   Bước 2]

Trong tab Advanced : điều này có nghĩa là chỉ có các developer mới có thể add ứng dụng của bạn (tùy vào sự lựa chọn của bạn)

sandboxmode Viết ứng dụng cho Facebook bằng Asp.net [Phần 1   Chương 1   Bước 2]

Xong xuôi nhớ bấm Lưu lại hết nhé và sau đó bạn sẻ có 2 key phải quan tâm : API KEY và  Application Secret , 2 key này tương đương với mật khẩu vậy cho nên ….

Bước 2: Thiết lập môi trường

Ở bước này chúng ta sẻ thực hiện các thao tác để thiết lập 1 môi trường làm việc facebook <-> asp.net . Có lẻ bạn nên quan tâm đến Facebook Developer Toolkit

Khi download thành công các bạn cần chú ý đến 3 folder sau đây :

facebookapplication Viết ứng dụng cho Facebook bằng Asp.net [Phần 1   Chương 1   Bước 2]

OK giờ ta đến phần chính của bước này, bây giờ ta sử dụng Microsoft Visual Studio 2008 để thao tác

Các bạn vào  “File“–>”Open Web Site“. Chọn “Local IIS” và  click “open“.

iisopen Viết ứng dụng cho Facebook bằng Asp.net [Phần 1   Chương 1   Bước 2]

Chú ý ở bước này máy bạn phải cài IIS nhé để có thể không mắc lỗi các bạn nên config như hình bên:

iis Viết ứng dụng cho Facebook bằng Asp.net [Phần 1   Chương 1   Bước 2]

OK tiếp theo ta click phải lên “http://localhost/FacebookApp”  và chọn  “Add Reference”. Chúng ta Browse đến thư mục Binaries và thao tác như hình bên:

addrefenrence Viết ứng dụng cho Facebook bằng Asp.net [Phần 1   Chương 1   Bước 2]

Mọi việc không gặp trục trặc gì ta sẻ được như sau:

localhost facebookapp Viết ứng dụng cho Facebook bằng Asp.net [Phần 1   Chương 1   Bước 2]

Công việc tiếp theo của chúng ta đó là chọn  “Add New Item“–>”Web Configuration File” để add “web.config” vào ứng dụng của chúng ta. Đưa đọn code sau vào điều này cần thiết để có thể thao tác với Facebook Developer Toolkit

<appSettings> <add key=”APIKey” value =”YOUR API KEY”/> <add key=”Secret” value =”YOUR SECRET”/> </appSettings>

Bài Tut của chúng ta hôm nay tạm kết thúc ở đây :D – chúc các bạn có thêm khám phá thú vị giữa facebook <->  asp.net . Mong nhận được các comment góp ý.

meopro™(chủ bút)

Các bài viết cùng chủ đề:

  1. Bảng thống kê các bài viết của ToM
  2. 9 bước để SEO thành công-Bước 1-Phần cuối
  3. 9 bước để SEO thành công-Bước 1-Phần 2
  4. Tận dụng tối đa Facebook cho mục đích Frelancing
  5. Fishbowl-đưa facebook thành ứng dụng Windows 7
1,494 views

{ 15 trackbacks }

TomCatBlog.Info
December 14, 2009 at 9:02 am
TomCatBlog.Info
March 2, 2010 at 9:07 am
TomCatBlog.Info
March 7, 2010 at 6:52 am
TomCatBlog.Info
March 7, 2010 at 7:06 am
TomCatBlog.Info
March 7, 2010 at 3:19 pm
TomCatBlog.Info
March 7, 2010 at 3:48 pm
TomCatBlog.Info
March 12, 2010 at 5:32 am
TomCatBlog.Info
March 24, 2010 at 9:35 am
TomCatBlog.Info
March 24, 2010 at 9:39 am
TomCatBlog.Info
April 1, 2010 at 4:01 am
TomCatBlog.Info
April 1, 2010 at 4:05 am
TomCatBlog.Info
April 3, 2010 at 2:19 pm
TomCatBlog.Info
April 3, 2010 at 8:50 pm
TomCatBlog.Info
April 27, 2010 at 5:50 am
TomCatBlog.Info
April 27, 2010 at 5:55 am

{ 22 comments… read them below or add one }

1 Minh@Minh Meo's Blog March 7, 2010 at 1:52 pm

Mình đang nghiên cứu viết App cho FB, cảm ơn bài của Tom nhé!
.-= Minh@Minh Meo’s Blog´s last blog ..Hàng trăm tài khoản Twitter bị hack =-.

Reply

2 Mèo Tom March 7, 2010 at 2:06 pm

:D rảnh tớ sẽ làm tiếp loạt bài này, tks pác đã quan tâm.

Reply

3 Shin March 7, 2010 at 10:19 pm

làm tốt lắm Mèo ^_^

Reply

4 Mèo Tom March 7, 2010 at 10:48 pm

:mrgreen: freetime làm cũng vui đó anh, có e đây cứ vọc thoải mái hehe

Reply

5 haco March 24, 2010 at 4:08 pm

:-P cảm ơn bài viết của Mèo Tom, mình cũng hỏi thêm : Dùng localhost để kiểm tra các ứng dụng demo có được không hay bắt buộc phải đăng kí 1 host miễn phí ?

Reply

6 Mèo Tom March 24, 2010 at 4:39 pm

Được mà bạn, vốn dĩ khi code asp.net thì khi bạn test nó đã chạy trên localhost rồi mà ;). Còn khi đưa lên host là sản phẩm đã hoàn thiện và test người dùng thực tế.
.-= Mèo Tom´s last blog ..Hướng dẫn cơ bản cho blogger để SEO tốt Phần II =-.

Reply

7 haco April 1, 2010 at 11:01 am

Mèo Tom ah`, bạn có thể làm tiếp các bài hướng dẫn làm application trên facebook bằng ngôn ngữ PHP không. và 1 số ứng dụng mẫu chạy trên facebook viết bằng PHP hoặc ASP. mình đang đề tài về chủ đề này mà các diễn đàn ít nói về nó quá…. :( .cảm ơn các bạn đã đọc tin.

Reply

8 Mèo Tom April 1, 2010 at 11:05 am

Nếu bạn có ý định viết = ASP thì mình khuyên nên viết thẳng lên ASP.NET luôn vì cái thứ nhất ASP là ngôn ngữ đã lỗi thời và tính linh động kém.
Còn về PHP thì mình sẽ xem lại vì thời gian mình hơi bận 1 tẹo :wink: , bạn cứ đăng ký nhận bản tin để có thể xem các tin mới nhất từ mình để biết nhé.
Nice day!
.-= Mèo Tom´s last blog ..Hướng dẫn cơ bản cho blogger để SEO tốt Phần II =-.

Reply

9 haco April 3, 2010 at 9:19 pm

Bạn Meo Tom oi! bạn Up tiếp các chương tiếp theo làm ứng dụng trên facebook bằng ASP.NET lun đi… hixhix, mình đang làm đồ án về nó, mà các diễn đàn ít nói về nó quá….:((

Reply

10 Mèo Tom April 4, 2010 at 3:50 am

Đồ án của bạn nội dung là về gì thế? Minh sẽ cố gắng để có thể đưa ra loạt bài này :wink: .
Hiện tại mình đang bị deadline dự án nên có thể khó… :cry:
.-= Mèo Tom´s last blog ..SEM-Tối ưu hóa quảng cáo trả tiền qua công cụ tìm kiếm =-.

Reply

11 Anh Tuấn April 27, 2010 at 12:34 am

Bạn Meo Tom! up tiếp các bước sau đi,mình cũng đang làm đồ án viết ứng dụng cho FB, tìm tài liệu hoa cả mắt may mà có Meo Tom.

Reply

12 Mèo Tom April 27, 2010 at 12:55 pm

Bạn cần gấp lắm không? mình cũng đang bận 1 project lớn, sẽ cố gắng viết tiếp cho bạn :). Nhớ theo dõi thường xuyên nhé.
Thân!

Reply

13 Dương July 5, 2010 at 11:25 am

Mèo ơi, bạn cho mình hỏi là…….mình có viết 1 trang web nghe nhạc cá nhân của mình…….mình muốn giống như Youtube á Mèo……..là copy link vào trong facebook thì nó có thể play trực tiếp trên đó luôn…………mình tìm hiểu quá trùi mà ko biết làm như thế nào…………..không biết là nếu mình viết 1 web application như mèo hướng dẫn thì mình có thể đáp ứng được nhu cầu của mình ko vậy Mèo.

Mong được hồi âm.

Reply

14 Mèo Tom July 5, 2010 at 11:34 am

cái như bạn nói thì application bên trên không làm được :shy

Reply

15 Dương July 5, 2010 at 12:05 pm

hix………vậy có cách nào làm được như vậy ko Mèo T_T…………làm mình mấy tuần này ngồi nghiêm cứu cái vụ án này T_T……………mình nghĩ chắc là phải đăng ký cái gì đó với facebook, but ko biết làm như thế nào……………..Mèo có thể hướng dẫn và chỉ mình với.

Reply

16 Mèo Tom July 5, 2010 at 12:51 pm

:dontkonw mình vẫn chưa hiểu cái ứng dụng của bạn lắm, bạn muốn làm thao tác y như facebook là paste đường link vào thì sẽ hiện ra video youtube bấm vào và nghe?

Reply

17 Dương July 5, 2010 at 1:23 pm

ah hiện tại mình có 1 web site cá nhân có mục đích nghe nhạc………khi bạn nghe 1 bài nào đó mà thấy hay thì bạn chỉ cần copy URL ở trên………..rùi vào facebook paste URL đó vào ở trên Wall á……….rùi khi bạn share………những người khác chỉ cần bấm vào cái image Thumnail là nó sẽ tự động chuyển qua file flash media play nhạc của mình…………….cái chức năng giống y như chức năng mà bạn copy URL của youtube và dán vào facebook của bạn vậy á :ple

Thanks vì bạn đã giúp :)

Reply

18 Mèo Tom July 5, 2010 at 1:51 pm

Bạn cho mình xem link site dc ko? Nếu muốn hiển thị lên facebook như vậy thì không khó với điều kiện phải là định dạng Video như Youtube là ổn. Bạn thử post 1 video trên site bạn và paste link qua facebook thử xem :no1

Reply

19 wtovn-groups August 26, 2010 at 12:35 pm

http://apps.facebook.com/wtovn-groups/
Sàn thương mại điện tử của doanh nghiệp việt nam, Ecommerce of Vietnam
enterprises. Hỗ trợ miễn phí 100% cho các cá nhân, doanh nghiệp.

Reply

20 inuwa August 29, 2010 at 2:35 pm

nhung url cua face book la gj vay?
:shy

Reply

21 Tia Chop September 2, 2010 at 2:57 am

Hi,

Tại sao trong bài viết bạn nói FB được viết bằng PHP mà bạn lại sử dụng đồ MS Visual studio? Có cách nào mình code thẳng PHP được không. Sao mình thấy rắc rối việc phải dùng ASP rùi lại FB toolkit tùm lum hết. Vì mình nghĩ PHP là ngôn ngữ dễ dùng nhất và tại sao mình ko dùng thẳng nó lun!

Reply

22 Mèo Tom September 2, 2010 at 3:41 am

Hình như bạn không hiểu bản chất của bài viết này, đúng là facebook được viết = PHP nhưng tựa đề đã nói rõ rồi mà: Viết ứng dụng cho Facebook bằng Asp.net . Tức là apply những ứng dụng = dotnet cho facebook vốn dĩ được lập trình = PHP

Reply

Leave a Comment

:yeah :w :u :tire :thinking :sock :sleepy :sick :shy :ple :o :no1 :heart :g :dontkonw :devil :cry :c :angry :D :?

:yeah :w :u :tire :thinking :sock :sleepy :sick :shy :ple :o :no1 :heart :g :dontkonw :devil :cry :c :angry :D :?

Send To Twitter

Page 1 of 11