xF2 Tích hợp đăng nhập Facebook cho xenForo 2

  • Bạn không tìm được Add-on hay Style xenForo 1 trên hệ thống xFv2 hiện tại ?
    Đăng bài yêu cầu ngay !
  • Can't find your Add-on or Style on xFv2 ?
    Request now !

datdaik000

A boy learn to be a man
Staff member
7/2/18
64
82
18
Nam Định
dcforo.com
Ở xenForo 1 thì các bài hướng dẫn cũng khá nhiều, mình sẽ không nhắc lại nữa. Tuy nhiên mình thấy chưa có ai viết cho xenForo 2, vậy nên mình sẽ làm một bài chi tiết cho các bạn luôn :D Các bạn làm tuần tự các bước trong bài viết này là thành công.

1519363764124.png

Creating a Facebook application

Trước khi bắt đầu, các bạn cần tạo 1 application cho site của bạn. Các bạn cần 1 tài khoản Facebook không bị limit.

Truy cập https://developers.facebook.com/ và chắc chắn rằng bạn đã đăng nhập vào tài khoản Facebook của mình chứ không phải dưới dạng Page. Di chuyển đến phần My Apps ( Ứng Dụng Của Tôi ), chọn Add New App ( Thêm Ứng Dụng Mới ).

1_add-new-app.png


Điền thông tin cho App của bạn và ấn Create New App ID ( Tạo ID Ứng Dụng ).

2_create-new-app.png

Chọn tiếp phần Sản phẩm ( Platform ), Đăng nhập bằng Facebook ( Login with Facebook ) và làm theo các bước ở phần bắt đầu nhanh của Facebook.

3.png


4.png

Sau đó các bạn trở lại bảng điều khiển, ở phần tay trái các bạn chọn Cài Đặt như hình dưới

5.png

Các bạn thiết lập thật chính xác như hình trên, đặc biệt là phần URL chuyển hướng OAuth ( OAuth Callback URL ) các bạn điền http://yoursite/connected_account.php với yoursite là tên miền của website bạn. Save lại.

Tiếp tục chọn Cài Đặt -> Thông tin cơ bản và thiết lập như hình

6.png


Các bạn có thể thay đổi biểu tượng ứng dụng bằng cách click vào và upload ảnh. Lưu ý ảnh phải có kích thước 1024x1024 và dung lượng dưới 2Mb. Sau khi thiết lập xong thì ấn Save.

Nhìn lên trên cùng tay phải bạn sẽ thấy trạng thái "Đang phát triển". Click vào đó để bật App của bạn.

7.png


Sau khi đã mở App của bạn sẽ có trạng thái "Công khai". Các bạn click phần "Thông tin cơ bản" để nhận ID và Secret Key của App. Lưu 2 dòng này lại.

8.png


Configuring Facebook integration

Việc tạo App coi như hoàn tất. Giờ quay trở lại AdminCP, các bạn chọn phần Connected Accounts và chọn Facebook để điền ID và Secret Key.

9.png


Save lại và các bạn đã hoàn thành. Đây là kết quả

10.png

Chúc các bạn thành công !
 

tuna

Active User
12/2/18
31
10
8
Hướng dẫn tích hợp google luôn đi bác, em làm mãi ko đc, :(
 

tuna

Active User
12/2/18
31
10
8
Chán vãi, cả google lẫn fb nó ko redirect, ko biết do host hay gì
1520402480574.png
 

daohoa24

New member
14/3/18
1
0
1
26
Viet Nam
các bác cho em hỏi lỗi này do em thiếu mục nào ạ?
"URL bị chặn: Quá trình chuyển hướng này không thành công vì URI chuyển hướng không được thêm vào danh sách cho phép trong Cài đặt OAuth ứng dụng. "
 

tuna

Active User
12/2/18
31
10
8
các bác cho em hỏi lỗi này do em thiếu mục nào ạ?
"URL bị chặn: Quá trình chuyển hướng này không thành công vì URI chuyển hướng không được thêm vào danh sách cho phép trong Cài đặt OAuth ứng dụng. "
Thêm dòng URI
1521022128643.png
 

tinhyeuon

Active User
17/3/18
5
1
0
32
hanoi
Cảm ơn, Cái này cũng dễ giống như V1 thôi mà.
Dù gì cũng cảm ơn bài viết hay
 

Members online

No members online now.

Latest resources