# Thiết lập tính năng đăng nhập bằng Facebook

Nếu bạn đã cài sẵn Facebook vào trang web của mình thì bạn có thể sử dụng ID đó tại đây.

Nếu chưa, bạn phải tạo một ứng dụng mới bằng cách truy cập vào trang Facebook for Developers tại địa chỉ: <https://developers.facebook.com/apps/>

Sau khi tiến hành đăng nhập, bạn nhấp vào  nút *Tạo ứng dụng* ở bên phải trang.

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2FnvPgTwMm5sISCZ0S6ikE%2Ffacebook-app-1.png?alt=media&#x26;token=15371400-666d-4323-8a24-89a4016eca5f" alt=""><figcaption></figcaption></figure>

Bạn chọn loại ứng dụng và nhấp vào nút Tiếp.

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2FSTqacf1tPGezBdv9v2Sp%2Ffacebook-app-2.png?alt=media&#x26;token=d8a59bdb-cfad-474a-84d4-85444e4e2cde" alt=""><figcaption></figcaption></figure>

Tiếp theo, bạn điền tên hiển thị của ứng dụng và email liên hệ của bạn, cuối cùng nhấn nút *Tạo ứng dụng*.

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2FKVY786LjlStEyhLI7H1j%2Ffacebook-app-3.png?alt=media&#x26;token=d2e14e1b-3055-4efd-ba72-c3a97be02f09" alt=""><figcaption></figcaption></figure>

Thao tác này sẽ mở một box yêu cầu bạn nhập lại mật khẩu Facebook vì lý do bảo mật.

Kết quả, Facebook sẽ tạo một ứng dụng mới cho bạn và chuyển hướng bạn đến bảng điều khiển ứng dụng. Bạn sẽ thấy ID ứng dụng của mình hiển thị ở đó.

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2F7tUiHms4ho5TW8xf5TlS%2Ffacebook-app-4.png?alt=media&#x26;token=126dd5af-d583-44fc-bea4-6077cdf29448" alt=""><figcaption></figcaption></figure>

Sao chép ID ứng dụng và điền vào trang thiết lập Facebook của PosApp tại <https://admin.posapp.vn/utilities/apps>

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2FtJliZK4eJF0YDLss2hVJ%2Ffacebook-app-5.png?alt=media&#x26;token=d984b48a-a192-4eaa-b6ba-c08d9a64a9af" alt=""><figcaption></figcaption></figure>

Quay trở lại trang thông tin ứng dụng Facebook vừa tạo

Ở cột bảng điều khiển, nhấp vào phần **Thông tin cơ bản** ở mục Cài đặt.

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2FuzPJMLstjP3w6zj1VhVb%2Ffacebook-app-6.png?alt=media&#x26;token=e39c4b3a-5ff5-48b7-a467-81722242d063" alt=""><figcaption></figcaption></figure>

Ở ô Miền ứng dụng và URL chính sách quyền riêng tư, bạn nhập địa chỉ website của mình vào đó, cuối cùng nhấp nút Lưu thay đổi.

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2FyPhQnDvknE1bSMw9b9l8%2Ffacebook-app-7.png?alt=media&#x26;token=d76b5868-52c7-4e8a-a645-b50bbdf14759" alt=""><figcaption></figcaption></figure>

Sau đó bạn nhìn lên trên sẽ thấy một nút đen bên cạnh ID ứng dụng có chữ “Chế độ của ứng dụng: Phát triển” bên cạnh, bạn nhấp vào nút đen đó.

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2FxPeVWQhH0FY5MfQh6Ntl%2Ffacebook-app-8.png?alt=media&#x26;token=c295b40b-7fe2-45ea-bdc7-3cc8283fc00d" alt=""><figcaption></figcaption></figure>

Nếu nút đen chuyển sang màu xanh với trạng thái là “Hoạt động” thì bạn đã kích hoạt ứng dụng Facebook thành công.

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2FCvHfqU15qlKWGyInk2DE%2Ffacebook-app-9.png?alt=media&#x26;token=d2e91715-41ba-446f-bbb8-1597460372c5" alt=""><figcaption></figcaption></figure>

Tiếp theo, bạn nhấp vào Bảng điều khiển ở cột bên trái, di chuột xuống dưới thì sẽ thấy phần **Thêm sản phẩm vào ứng dụng**, bạn chọn **Đăng nhập bằng Facebook**.

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2F3MUOHTyVEevmKI2r0QWK%2Ffacebook-app-10.png?alt=media&#x26;token=cf34d249-2d88-44bb-bf68-66e5458a173d" alt=""><figcaption></figcaption></figure>

Tiếp theo bạn nhấp vào biểu tượng website.

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2FONPcvUnhGbUBZEB1iOQx%2Ffacebook-app-11.png?alt=media&#x26;token=413feb12-858e-4f68-abc7-80fc89572bd1" alt=""><figcaption></figcaption></figure>

Một box thông tin hiện ra, bạn nhập url [website đặt hàng online](https://retail-docs.posapp.vn/website-dat-hang-giao-hang/thiet-lap/thiet-lap-tren-web) vào ô rồi nhấp nút **Save**.

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2Fpdr7RrfddfAewmRthWIL%2Ffacebook-app-12.png?alt=media&#x26;token=69b263dc-5531-4f16-a237-0345d719bd47" alt=""><figcaption></figcaption></figure>

Sau đó bạn nhìn sang cột bảng điều khiển, ở chỗ Đăng nhập bằng Facebook, bạn nhấp vào **Cài đặt**.

![](https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2FrPXiSPP9gw86DbFLJYMH%2Ffacebook-app-17.png?alt=media\&token=1c592c92-3641-4e71-95ce-d14d2168cd4e)

Ở màn hình chính, bật tùy chọn **Đăng nhập bằng JavaScript SDK**. Điền vào **URI chuyển hướng OAuth** hợp lệ và **Miền được phép cho JavaScript SDK** các giá trị sau

```
https://auth.posapp.vn
https://fnb.posapp.vn
```

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2FrKxKipTE5ypb8QhUPq8M%2Ffacebook-app-13.png?alt=media&#x26;token=e1b43679-365d-441c-8775-ee80e02ecefa" alt=""><figcaption></figcaption></figure>

Facebook sẽ yêu cầu Advanced Access cho `public_profile` , click vào link **Get Advanced Access** để tiến hàng cài đặt

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2FhSCMo4YVJqlCcBSPXAiR%2Ffacebook-app-14.png?alt=media&#x26;token=38a8f43c-6e2e-4f03-ab7d-d5b43d4983ed" alt=""><figcaption></figcaption></figure>

Tại màn hình xuất hiện, search `public_profile` và click chọn **Nhận Quyền truy cập nâng cao**

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2FRZCOiTYhiEtKjxMR4WNB%2Ffacebook-app-15.png?alt=media&#x26;token=9ebd5817-3e5a-4192-9211-6c5b4736fb10" alt=""><figcaption></figcaption></figure>

Tick chọn đồng ý và Xác nhận. Thao tác này sẽ mở một box yêu cầu bạn nhập lại mật khẩu Facebook vì lý do bảo mật.

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2FTGkG6N8IT8zcPwCmsAoe%2Ffacebook-app-16.png?alt=media&#x26;token=988e9726-3723-4305-9052-71a84e8cfcc5" alt=""><figcaption></figcaption></figure>

Kết quả sau khi thiết lập thành công

<figure><img src="https://1149291382-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMjiQO9ey6NX7OfhoFkGV%2Fuploads%2FHbqLvUmINEZZpCnC208N%2Ffacebook-app-18.png?alt=media&#x26;token=2c0f45ab-66d9-47a1-b2e7-ccebffa0993e" alt=""><figcaption></figcaption></figure>