Làm chủ việc phát triển ứng dụng Facebook: Thiết lập các thành phần

Làm chủ việc phát triển ứng dụng Facebook bằng PHP, IBM Rational Application Developer, IBM WebSphere Application Server và DB2, Phần 1: Thiết lập các thành phần Đề phụ Jake Miles, Tác giả tự do, 软通动力信息技术有限公司 Tóm tắt: Phát triển một ứng dụng Facebook sử dụng cả ngôn ngữ lập trình PHP và Java™. Hướng dẫn này sẽ mang lại cho bạn một cái nhìn đầu tiên về Facebook và sau đó từng bước dẫn bạn qua quá trình cài đặt các thành phần cần thiết để tạo ra một ứng dụng Facebook. Tiếp theo, bạn sẽ đi một vòng khảo sát Facebook về cách làm thế nào để tích hợp các ứng dụng của bạn vào trang web. Cuối cùng, bạn sẽ bắt đầu với một ứng dụng cơ bản nhất. Trong phần 2 và 3 của loạt hướng dẫn này, bạn sẽ tìm hiểu làm thế nào để phát triển các ứng dụng mà bạn đã tạo ra trong Phần 1. Trước khi bạn bắt đầu Hướng dẫn này dành cho các nhà phát triển ít nhất đã có một số kinh nghiệm phát triển trên Web với PHP, ngôn ngữ Java, Javascript, HTML/CSS và một cơ sở dữ liệu quan hệ, những người muốn bước vào thế giới mới mẻ về phát triển ứng dụng Facebook. Bạn sẽ tìm hiểu về chính Facebook, các điểm tích hợp khác nhau mà Facebook cung cấp cho một ứng dụng, làm thế nào để cho Facebook và ứng dụng của bạn giao tiếp với nhau và làm thế nào để phát triển hành vi tương tác và hữu ích, sử dụng API của Facebook. Về hướng dẫn này Trong hướng dẫn này, bạn sẽ bắt đầu xây dựng một ứng dụng Facebook, giả định là được một công ty môi giới chứng khoán đang hoạt động viết ra, cho phép người sử dụng quản lý danh mục đầu tư của họ từ bên trong Facebook. Để làm cho ứng dụng có tính xã hội thật sự, không chỉ là một công cụ nhúng trong Facebook, bạn cũng sẽ đưa ra các tùy chọn để xử lý danh mục đầu tư chứng khoán của người sử dụng giống như một trò chơi cạnh tranh với những người dùng khác. Bạn chưa có mã ? Tải về phiên bản dùng thử miễn phí về các sản phẩm được sử dụng trong hướng dẫn này:  Nhà phát triển ứng dụng Rational (Rational Application Developer).  Máy chủ ứng dụng WebSphere (WebSphere Application Server).  DB2 Express-C 9.5.  Zend Core cho IBM (Zend Core For IBM). Để có được một kịch bản kỹ thuật gần thực tế hơn, bạn sẽ giả thiết rằng một phần của ứng dụng đã được viết bằng ngôn ngữ Java và bạn đang bổ sung thêm ứng dụng Facebook và đang viết nó trong PHP và Java. Bạn sẽ triển khai thực hiện một số các ứng dụng trong Java, sử dụng môi trường viết mã Java của Nhà phát triển ứng dụng Rational® IBM, sử dụng WebSphere® làm máy chủ ứng dụng J2EE của bạn và sử dụng Thư viện khách Java của Facebook để giao tiếp giữa WebSphere và Facebook. Bạn cũng sẽ triển khai thực hiện một số ứng dụng trong PHP bằng cách sử dụng máy Zend Core và bản cài đặt Apache 2 kèm theo của nó để cung cấp các trang web và thư viện khách PHP của Facebook để giao tiếp với Facebook. Điều này sẽ cung cấp cho bạn các kinh nghiệm thực hành với cả Java và cả PHP, để cho bạn có thể lựa chọn giữa chúng tốt hơn khi các yêu cầu của doanh nghiệp của bạn thay đổi. Các yêu cầu hệ thống Để hoàn thành các bước trong hướng dẫn này, bạn cần các phần mềm sau đây. Nếu bạn chưa cài đặt sản phẩm nào hoặc không có bản phát hành mới nhất, bạn có thể tải về các phiên bản dùng thử miễn phí:  Tải về một phiên bản dùng thử miễn phí của Nhà phát triển ứng dụng Rational. Bạn sẽ sử dụng Nhà phát triển ứng dụng Rational như là một IDE dựa trên Eclipse có đầy đủ đặc tính để phát triển ứng dụng Web Java của bạn.  Tải về một phiên bản dùng thử miễn phí của Máy chủ ứng dụng WebSphere V6.1 của IBM.  Tải về bản Zend Core cho IBM miễn phí (bao gồm IBM DB2® Express-C). Giới thiệu Facebook Trong phần này, bạn sẽ có một cái nhìn đầu tiên về Facebook trước khi bạn cài đặt các thành phần và tìm hiểu việc phát triển ứng dụng Facebook. Vậy Facebook là gì? Cho đến gần đây, những người sử dụng vẫn khá cô lập trên Web. Bạn có thể tương tác với các máy chủ hoạt động trên toàn cầu và tìm thấy một lượng thông tin khổng lồ, nhưng bạn đã không tương tác trực tuyến nhiều lắm với những người khác đang ở trên mạng. Các trang web mạng xã hội như Facebook -- người đi tiên phong được công chúng yêu thích hiện nay -- đã thay đổi điều đó, cho phép những người sử dụng tạo các khái lược trực tuyến cho mình và dễ dàng tạo lại mạng lưới các bạn bè trực tuyến hiện có của họ. Điều này tạo ra một không gian hoàn toàn mới trong đó mọi người có thể tương tác với nhau. Cho phép thực hiện các tương tác này chính là các ứng dụng xã hội; các ứng dụng được nhúng trong các địa chỉ web mạng xã hội, mà mỗi ứng dụng cung cấp một cách riêng của mình để tương tác với các bạn bè của chúng trên mạng. Bởi vì những người sử dụng đang dành càng nhiều thời gian hơn trên các trang web xã hội như Facebook, các địa chỉ web này có tiềm năng để trở thành một hệ điều hành của chính chúng. Hai khuôn mặt của facebook Facebook là hai trong một: một mạng lưới bạn bè và một nền tảng cho các thành phần để tương tác với mạng lưới này, được gọi là các ứng dụng. Hầu như tất cả chức năng của Facebook xây dựng từ thiết kế thống nhất, đơn giản này - hầu hết các chức năng mặc định của Facebook, như khả năng quản lý ảnh và các nhóm của bạn, là các ứng dụng Facebook. Các API khác nhau của Facebook cũng trưng ra nhiều dữ liệu và chức năng ứng dụng cơ bản, ví dụ như một danh sách bạn bè và các bức ảnh của người sử dụng và vì thế cung cấp rất nhiều khả năng truy nhập và hỗ trợ phong phú để phát triển các ứng dụng của riêng bạn. Khi bạn lần đầu tiên đăng nhập vào tài khoản Facebook, bạn nhìn thấy trang chủ của mình, như được hiển thị trong Hình 1. Hình 1. Trang chủ Facebook của bạn Cột bên trái nhất chứa một hộp tìm kiếm, các liên kết dẫn hướng tới các ứng dụng và một quảng cáo. Cùng với thanh dẫn hướng đầu trang, phần này là khung của tất cả các trang mà bạn nhìn thấy trong Facebook. Bản thân trang chủ là nội dung kề bên cột dẫn hướng và nó được chia làm hai cột. Cột bên trái của trang chủ chứa Nguồn cung cấp tin tức (News Feed) của bạn, đó là một blog các mục, mỗi mục chỉ có một dòng, thông báo nhiều hoạt động của bạn bè của bạn trong các ứng dụng của họ. Khái lược người sử dụng Trang chủ là những gì một người dùng cá nhân nhìn thấy về mạng của họ. Khái lược người sử dụng, di chuyển đến bằng cách nhấn vào liên kết Profile trong thanh dẫn hướng đầu trang, là trang hướng tới công chúng của người sử dụng (xem Hình 2). Hình 2. Trang khái lược người sử dụng Trang khái lược người sử dụng cũng được chia thành hai cột (nằm bên phải của cột dẫn hướng của Facebook), mà chúng tôi sẽ chỉ gọi là cột "hẹp" và cột "rộng". Cả hai cột có chứa các ứng dụng do người sử dụng cài đặt và do Facebook cài đặt. Ngoài ra, các nhà phát triển ứng dụng cần quan tâm đến danh sách các Hành động khái lược xuất hiện ngay bên dưới ảnh của khái lược, được các ứng dụng đặt ở đó. Đó là một tập hợp các biểu tượng của ứng dụng đã cài đặt xuất hiện ngay bên dưới, mỗi biểu tượng sẽ cuộn trang khái lược tới hộp của ứng dụng tương ứng và một ứng dụng Nguồn cấp tin mini (Mini-Feed). Nguồn cấp tin mini sẽ hiển thị một tập nhiều hơn các biểu tượng so với số được hiển thị trong Nguồn cung cấp tin tức (News Feed). Bây giờ bạn đã tìm hiểu các khía cạnh chính của Facebook mà bạn cần biết, đây là lúc cài đặt tất cả các công cụ. Cài đặt các thành phần Mục tiêu của bạn là mô hình hóa một tình huống gần như thực tế, trong đó có một ứng dụng doanh nghiệp Java đang hoạt động, muốn thêm một ứng dụng Facebook được thực hiện bằng PHP. Để làm như vậy, hãy thiết lập một số thành phần mà bạn cần phải có để phục vụ một nỗ lực như vậy trong thế giới thực, đó là Nhà phát triển ứng dụng Rational, Máy chủ ứng dụng WebSphere, Zend Core (trong đó bao gồm cả bản Apache kèm theo) và DB2. Nhà phát triển ứng dụng Rational, Máy chủ ứng dụng WebSphere, Zend Core và DB2 Nhà phát triển Ứng dụng Rational là môi trường phát triển Java hiện đại cho các IDE Eclipse, mà bạn sẽ sử dụng cùng với Máy chủ ứng dụng WebSphere để làm những ứng dụng Java. Máy chủ ứng dụng WebSphere là máy chủ ứng dụng J2EE của IBM cho phép bạn tạo ra các ứng dụng dựa trên Java và JSP dễ dàng bảo trì, an toàn và mạnh mẽ. Zend Core là bộ máy PHP tiêu chuẩn trên thế giới, bao gồm một máy chủ Web Apache 2 sẵn sàng chạy sản xuất thực sự. DB2 là một cơ sở dữ liệu SQL có sức mạnh sản xuất thực sự của IBM và với ấn bản DB2 Express-C, nó hoàn toàn miễn phí. Các công cụ này cùng nhau tạo thành một nền tảng vững chắc để phát triển các ứng dụng doanh nghiệp của bạn trên đó. Trong hướng dẫn này, bạn sẽ cài đặt các thành phần trên nền Windows, nhưng chúng cũng có sẵn cho Linux®. Trang bị Nhà phát triển ứng dụng Rational và Máy chủ ứng dụng WebSphere để phát triển Java Để bắt đầu, hãy cài đặt Nhà phát triển ứng dụng Rational và Máy chủ ứng dụng WebSphere để cho phép phát triển ở phía Java. Trước tiên, tải về Nhà phát triển ứng dụng Rational bằng cách sử dụng trình quản lý cài đặt của IBM (xem Tài nguyên). Việc tải về và cài đặt rất đơn giản, nhưng sẽ mất một thời gian, tùy thuộc vào tốc độ kết nối Internet của bạn. Với hướng dẫn này, khái lược (profile) của máy chủ được đặt tên là JakeAppServer. Khởi động máy chủ với khái lược này bằng cách dẫn hướng theo IBM WebSphere > Application Server 6.1 > Profiles > JakeAppServer. Một cửa sổ lệnh mở ra và hiển thị các chi tiết khởi động và sẽ đóng lại khi quá trình khởi động kết thúc. Bạn có thể kiểm tra xem máy chủ có đang chạy hay không bằng cách mở bàn điều khiển quản trị (trong một cửa sổ trình duyệt). Hình 3. Bàn điều khiển quản trị Bây giờ bạn đã thiết lập Máy chủ ứng dụng WebSphere, hãy chuyển sang phía PHP. Thiết lập Zend Core cho IBM để phát triển PHP và DB2 Như vậy là bây giờ bạn đã sẵn sàng để thiết lập Zend Core để đưa PHP vào trong hỗn hợp này. Tải về Zend Core cho IBM (xem Tài nguyên). Bạn sẽ sử dụng phiên bản của Zend Core cho IBM đi kèm theo với DB2 Express-C cho dễ thiết lập (xem Hình 4). 1. Nếu bạn chưa có một tài khoản Zend, bạn sẽ cần phải tạo một tài khoản trước khi tiếp tục công việc tải xuống. Hình 4. Lựa chọn đúng Zend Core để cài đặt 2. Khi Trình thủ thuật InstallShield mở ra, chọn nút tròn IBM DB2 Express-C. 3. Để đơn giản, sử dụng máy chủ Web Apache 2 nằm trong cùng gói với Zend Core. Hãy chắc chắn chọn cài đặt Apache 2.2.2 kèm theo (Install bundled Apache 2.2.2). 4. Việc cài đặt Zend Core cho IBM cũng đồng thời cài đặt DB2. Bạn sẽ nhận được một cảnh báo vào lúc ấy để nhắc bạn không khởi động lại máy tính của bạn ở cuối quá trình cài đặt DB2 Express-C (xem Hình 5). Hình 5. Cảnh báo cài đặt Zend Core có liên quan đến DB2 và việc khởi động lại máy tính 5. Một điểm mập mờ khi cài đặt: khi tạo một mật khẩu cho tài khoản người dùng tại chỗ, trình cài đặt chỉ chấp nhận một mật khẩu có chứa cả chữ cái và cả chữ số (password123), nhưng không nêu rõ yêu cầu này (xem Hình 6). Hình 6. Thiết lập tài khoản người dùng DB2 tại chỗ Bạn cũng có thể chỉ rõ không khởi động tự động cá thể DB2 lúc khởi động hệ thống, để cho bạn có nhiều kiểm soát hơn, nhưng đây chỉ là vấn đề sở thích. 6. Cho phép quá trình cài đặt tạo ra khái lược Các bước đầu tiên (First Steps) để tránh các cảnh báo về Javascript trong trình duyệt khi xem các trang First Steps của DB2 bằng cách nhấn chuột vào Create profile (Hình 7). Hình 7. Tạo khái lược của trình duyệt First Steps của DB2 Cuối cùng, bạn sẽ quay lại trình cài đặt Zend Core cho IBM (bị tạm dừng để cài đặt DB2) và nên khởi động lại máy tính của bạn trước khi tiếp tục Bây giờ bạn có DB2, Zend Core với máy chủ Web Apache kèm theo của nó, Nhà phát triển ứng dụng Rational và WebSphere đã sẵn sàng để chạy. Đây là lúc để khám phá Facebook về mặt thiết kế một ứng dụng. Thiết kế một ứng dụng Facebook Lý tưởng nhất, bạn muốn thiết kế một ứng dụng lây lan giống như virut - một ứng dụng mà những người sử dụng thấy là mang lại lợi ích đáng kinh ngạc hoặc rất nhiều vui thích khi sử dụng, hoặc cả hai, và làm cho người sử dụng và bạn bè của họ tham gia các tương tác, làm nó lan truyền không ai nhận biết qua khắp mạng Facebook. Bạn không thể đảm bảo ứng dụng là trúng đích, vì điều này phụ thuộc vào ý tưởng cốt lõi của ứng dụng, nhưng bạn có thể đảm bảo rằng nếu bạn nhắm trúng một ý tưởng như thế, ứng dụng của bạn được tích hợp vào trong nền tảng Facebook đủ tốt để nó tự tăng tiến thông qua tiếp thị kiểu lây lan hay truyền miệng. Vì vậy, trong lúc xem xét các mảnh khác nhau của Facebook và những gì mà các nền tảng này cho phép bạn làm, bạn hãy nhìn qua lăng kính như thế này: làm thế nào để tạo một ứng dụng để thúc đẩy nhiều tương tác của người sử dụng và sử dụng các điểm tích hợp của Facebook để mở rộng cơ sở người dùng của bạn và khuyến khích những người sử dụng tương tác với ứng dụng của bạn bất cứ khi nào có thể. Giải phẫu một ứng dụng Facebook Facebook cung cấp cho ứng dụng của bạn nhiều điểm tích hợp vào trong môi trường của người sử dụng Facebook: hai vùng quan trọng nhất được gọi là trang vải nền (canvas) và hộp khái lược của ứng dụng và một số điểm tích hợp phụ. Trang vải nền Bạn đến xem một trang vải nền của ứng dụng thông qua các điểm phụ trợ nổi bật nhất và dễ thấy nhất, đó là Dẫn hướng bên trái (Left Nav) -- một liên kết trong thanh dẫn hướng bên trái của Facebook, ở đó lên khung tất cả các trang khác trong Facebook và liệt kê tất cả các ứng dụng đã cài đặt của người sử dụng hiện tại (trừ khi người sử dụng quyết định không làm điều này khi cài đặt một ứng dụng). Ví dụ, bạn có thể nhấn vào liên kết Left Nav của ứng dụng Photos (Các bức ảnh) (xem Hình 8). Hình 8. Liên kết Left Nav Thao tác này sẽ mang tới trang vải nền của ứng dụng Photos, hiển thị một bản tóm tắt về các cập nhật gần đây nhất của các bạn bè của bạn đối với các album ảnh của họ, mà họ đã tạo ra bằng cách sử dụng ứng dụng Photos (xem Hình 9). Hình 9. Trang vải nền của Photos Tại đây bạn có thể nhấn vào một trong những album ảnh của các bạn bè của bạn và xem nó, vẫn ở trong trang vải nền Photos (xem Hình 10). Hình 10. Xem một album cụ thể trong trang vải nền Photos Hộp khái lược Hộp khái lược của ứng dụng là một công cụ trên trang khái lược của người sử dụng, thường hiển thị một số loại thông tin tóm tắt về hoạt động của người sử dụng bên trong ứng dụng. Trong trường hợp của ứng dụng Photos, bạn có thể nhìn thấy một số album ảnh mới nhất của người sử dụng (xem Hình 11). Hình 11. Hộp khái lược của ứng dụng Photos Các liên kết hành động khái lược Các liên kết hành động khái lược là các liên kết mà một ứng dụng có thể đăng lên trong khái lược của người dùng và chúng hiển thị trực tiếp ngay phía dưới ảnh của người dùng. Hành động khái lược của bạn có thể nói hay làm các việc khác nhau tùy thuộc vào việc người sử dụng ứng dụng hoặc một khách viếng thăm có đang xem khái lược vào lúc đó hay không. Ví dụ, đây là ứng dụng Photos đã đăng một liên kết hành động Mời xem các ảnh của tôi (View Photos of Me) trong khái lược của tôi (xem Hình 12). Hình 12. Liên kết hành động khái lược của ứng dụng Photos Nhấn chuột vào nó sẽ đưa bạn đến trang vải nền của ứng dụng, hiển thị các ảnh của tôi (xem Hình 13). Hình 13. Kết quả nhấn chuột vào liên kết hành động khái lược của ứng dụng Photos Các yêu cầu Trang vải nền của ứng dụng và hộp khái lược cho phép những người sử dụng tự thể hiện về mình, nhưng các ứng dụng cũng cho phép những người sử dụng giao tiếp với nhau (và thúc đẩy ứng dụng phát triển), thông thường là qua các yêu cầu (Requests). Một người sử dụng có thể đưa ra một yêu cầu với một người dùng khác trong bối cảnh của một ứng dụng, ví dụ như yêu cầu một người bạn xác nhận đồng ý làm bạn trong ứng dụng Friends hoặc mời một người bạn tham gia một sự kiện trong ứng dụng Events. Các yêu cầu chờ giải quyết của người sử dụng xuất hiện trong hộp phía trên bên phải của trang chủ của họ (xem Hình 14). Hình 14. Tóm tắt yêu cầu đang chờ giải quyết trên trang chủ Người sử dụng có thể xem danh sách đầy đủ về các yêu cầu đang chờ giải quyết bằng cách nhấn chuột vào bất kỳ các yêu cầu nào được hiển thị (xem Hình 15). Hình 15. Trang các yêu cầu (Requests) của người sử dụng Các yêu cầu thường là các lời mời thêm vào chính ứng dụng đó hoặc có thể yêu cầu người sử dụng thêm ứng dụng trên con đường đáp ứng yêu cầu và là một mảng trong tiếp thị bằng truyền miệng của các ứng dụng Facebook (xem Hình 16). Hình 16. Yêu cầu thêm ứng dụng Các ứng dụng đòi hỏi sự tương tác của người sử dụng, chẳng hạn một trò chơi, có thể sử dụng Requests để cho phép những người dùng chơi với nhau. Ví dụ cơ bản và thường xuyên nhất về điều này là Yêu cầu kết bạn (Friend Request), trong đó những người sử dụng nhận biết các bạn bè của họ trên Facebook và yêu cầu xác nhận đồng ý kết bạn, tiếp tục kết nối liên hoàn đồ thị xã hội và cho phép hoạt động tương tác của người dùng với tất cả các ứng dụng khác. Trong khi Requests cho phép những người sử dụng mời nhau một cách rõ ràng tương tác với nhau bên trong một ứng dụng (và thường xuyên họ sẽ thêm ứng dụng trong khi làm điều đó), Nguồn cung cấp tin tức (News Feed), Nguồn cấp tin mini (Mini Feed), Các tin nhắn đính kèm (Message Attachments), thư điện tử (Email) và Các thông báo (Notifications) đều ngầm làm như vậy và giúp cho duy trì ứng dụng của bạn trong tâm trí người dùng và thúc đẩy việc sử dụng nó. Nguồn cung cấp tin tức (News Feed) và Nguồn cấp tin mini (Mini Feed) Nguồn cung cấp tin tức là một ứng dụng xuất hiện trên trang chủ của người dùng, để hiển thị các mục tin tức được các ứng dụng của người dùng và bạn bè của người dùng đăng lên, thường là để đáp lại một số hoạt động của người sử dụng trong ứng dụng (xem Hình 17). Hình 17. Nguồn cung cấp Tin tức Các ứng dụng thường xuyên thông báo các mục nguồn cung cấp tin tức để trả lời một yêu cầu được chấp nhận, ví dụ một người sử dụng chấp nhận một yêu cầu "xác nhận đồng ý kết bạn" từ ứng dụng Friends (xem Hình 18). Hình 18. Mục xác nhận đồng ý kết bạn trong nguồn cung cấp tin tức Nguồn cung cấp tin tức về cơ bản là một blog công cộng về các tương tác của người sử dụng trong các ứng dụng của họ và thúc đẩy một bầu không khí thích thú và vui chơi qua mạng bạn bè. Nó lôi kéo bạn bè tham gia vào trò vui chơi và qua đó tương tác với các ứng dụng và tự cài đặt chúng. Nguồn cấp tin mini là một nguồn cung cấp tin tức tương tự trong một khái lược của người dùng, nhưng chỉ hiển thị các hoạt động từ các ứng dụng của người sử dụng đó về người sử dụng đó, và không có gì khác về bạn bè của họ. Như vậy, người sử dụng cũng có thể xoá các mục khỏi nó. Các ứng dụng có thể đăng các mục lên nguồn cấp tin mini của người sử dụng cụ thể hay lên cả nguồn cấp tin mini lẫn nguồn cung cấp tin tức (xem Hình 19). Hình 19. Nguồn cấp tin mini Các tin nhắn đính kèm Các tin nhắn đính kèm (Message attachments) cho phép người dùng dễ dàng chia sẻ nội dung ứng dụng của họ với bạn bè của mình. Các ứng dụng có một mẩu ngắn FBML cố định được bao gồm trong một hộp thả xuống các tin nhắn đính kèm của người sử dụng khi gửi một tin nhắn tới hộp thư (Inbox) Facebook của một người dùng khác (xem Hình 20). Hình 20. Tin nhắn đính kèm trong tin nhắn Một người sử dụng cũng có thể bao gồm tin nhắn đính kèm của ứng dụng của bạn khi gửi một lời nhắn (note) lên bức tường (Wall) của một người dùng khác; Wall là một ứng dụng trên trang khái lược của người dùng (xem Hình 20). Hình 21. Đăng tin nhắn đính kèm lên Wall Các thông báo và e-mail Các ứng dụng có thể gửi các thông báo cho những người sử dụng và các thông báo này sẽ xuất hiện trên trang các thông báo của người sử dụng (xem Hình 22). Hình 22. Trang các thông báo Đây là các mục một dòng chỉ người sử dụng đang nhận các thông báo có thể nhìn thấy và nó tách biệt với câu chuyện về nguồn cung cấp tin tức và nguồn cấp tin mini.