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

33

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

About Mèo Tom

đã viết được 276 bài. Xuất thân từ dân lập trình viên, hiện tại cũng đang là lập trình viên nhưng rất đam mê Online Marketing. Thích blogging về những thứ mà mình đang quan tâm để chia sẽ với tất cả. Chuyên ngành: Coder, SEOer...

33 Responses

  1. 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 =-.

  2. Shin says:

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

  3. haco says:

    :-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í ?

    • Mèo Tom says:

      Đượ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 =-.

      • haco says:

        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.

    • Mèo Tom says:

      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 =-.

  4. Anh Tuấn says:

    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.

    • Mèo Tom says:

      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!

  5. Dương says:

    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.

  6. Mèo Tom says:

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

  7. Dương says:

    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.

  8. Mèo Tom says:

    :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?

  9. Dương says:

    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 :)

  10. Mèo Tom says:

    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

Leave a Reply

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