Facebook SDK dành cho JavaScript
Phiên bản API Đồ thị

SDK Facebook dành cho JavaScript với RequireJS

Trong hướng dẫn này, bạn sẽ tìm hiểu cách kết hợp SDK Facebook dành cho JavaScript với các mô-đun JavaScript khác sử dụng RequireJS. Thông thường, SDK JavaScript không tương thích với mẫu thiết kế Định nghĩa mô-đun không đồng bộ (AMD), vì vậy hướng dẫn này trình bày việc xây dựng lớp mẫu để cung cấp đối tượng FB do SDK tạo.

Hướng dẫn này giả định rằng bạn quen với mô-đun RequireJS và JavaScript. Tìm hiểu thêm về RequireJS.

Cấu hình

Cấu hình các tập lệnh RequireJS khác như thường lệ và thêm tệp .js mới để tương tác với SDK Facebook. Dự án này có cấu trúc thư mục như dưới đây:

- project/
   - index.html
   - scripts/
      - main.js
      - require.js

Thêm tệp mới để cấu hình và tương tác với SDK như bên dưới:

- project/
    - index.html
    - scripts/
       - main.js
       - require.js
       - fb.js

Bạn sẽ nhập tập lệnh requirejs và khai báo main.js là dữ liệu chính của bạn như sau:

<script data-main="scripts/main" src="scripts/require.js"></script>

Thêm lớp mẫu vào SDK Facebook

Trong tập lệnh dự án chính của bạn, hãy thêm khai báo lớp mẫu vào require.config, như sau:

require.config({
  shim: {
    'facebook' : {
      exports: 'FB'
    }
  },
  paths: {
    'facebook': 'https://connect.facebook.net/en_US/sdk.js'
  }
})
require(['fb']);

Thao tác này tạo mô-đun facebook, sử dụng URL SDK JavaScript và đánh dấu đối tượng FB làm đối tượng xuất cho mô-đun đó.

Trong fb.js mới tạo của bạn, bạn có thể tạo và sử dụng đối tượng FB như thường lệ. Thêm ID ứng dụng cho ứng dụng của bạn từ Bảng điều khiển ứng dụng.

Bạn chỉ cần đưa mã của mình vào một khối định nghĩa, với mô-đun lớp mẫu facebook là đối tượng phụ thuộc bắt buộc.

define(['facebook'], function(){
  FB.init({
    appId      : '{your-app-id}',
    version    : 'v19.0'
  });
  FB.getLoginStatus(function(response) {
    console.log(response);
  });
});

Xem thêm