Tích hợp mạng xã hội - Login với Facebook

Khóa học lập trình Android cơ bản

0.0 (0 đánh giá)
Tạo bởi Kteam Cập nhật lần cuối 5 năm trước 43.028 lượt xem 1 bình luận
Tác giả/Dịch giả: Kteam
Học nhanh

Danh sách bài học

01. Giới thiệu lập trình Android và cài đặt môi trường 02. Các chức năng cơ bản của Android Studio 03. Cài đặt máy ảo Android - Có thể bạn chưa biết 04. Cách debug cơ bản với Android Studio 05. Các thành phần giao diện (UI) cơ bản 06. Intent & Manifest trong Lập trình Android 07. Vòng đời của Activity trong Android 08. Fragment và cơ chế BackStack 09. Material Design và Coding Convention 10. ListView và Custom Adapter 11. RecyclerView và ViewHolder trong Android Studio 12. Giao diện trượt ngang với ViewPager và Tab trong Android cơ bản 13. Animation và Transition trong lập trình Android cơ bản 14. Xử lý bất đồng bộ trong lập trình Android cơ bản 15. JSON và web API trong lập trình Android cơ bản 16. Permission trong Android 17. Xử lý nội dung đa phương tiện 18. Lưu trữ dữ liệu với SharedPreferences 19. Lưu trữ dữ liệu với SQLite 20. Lưu trữ dữ liệu với SQLite (Thực hành) 21. Thực hành SQLite với Sugar ORM 22. Tích hợp mạng xã hội - Tạo app Facebook 23. Tích hợp mạng xã hội - Login với Facebook 24. Tích hợp mạng xã hội vào ứng dụng Android (Google) 25. Tích hợp mạng xã hội vào ứng dụng Android (Google) - Phần 2 26. Google Cloud Messaging và Push Notification trong Android - Phần 1 27. Google Cloud Messaging và Push Notification trong Android - Phần 2

Tích hợp mạng xã hội - Login với Facebook

Dẫn nhập

Ở các bài học trước, chúng ta đã cùng nhau tìm hiểu về CÁCH TẠO MỘT APP FACEBOOK SDK & CÁCH TÍCH HỢP VÀO ỨNG DỤNG ANDROID

Ở bài học này, chúng ta sẽ sử dụng Facebook SDK để tạo tính năng login cho ứng dụng. Sau khi login sẽ lấy về email, ID và tên người dùng Facebook.


Nội dung

Để đọc hiểu bài này tốt nhất các bạn nên có kiến thức cơ bản về các phần:

Trong bài học này, chúng ta sẽ cùng tìm hiểu các vấn đề:

  • Cài đặt Facebook Login vào trong ứng dụng.

Tích hợp Facebook Login vào ứng dụng

Ở bài trước chúng ta đang làm đến đoạn nhập mã hash xong. Tiếp theo là tạo class Application và sửa nó.

Bước 1: Tạo một class mới có tên là “App” và extends từ Application:

Tích hợp mạng xã hội _ Login với Facebook

  • App.java

Tiếp theo, sửa file AndroidManifest.xml để ứng dụng sử dụng cái class App đó:

Bước 2: Sửa file activity_main.xml. Chúng ta sẽ thêm nút Login cho ứng dụng như sau:

Nút Login này là một Button bình thường, nhưng đã cài đặt thêm Callback, nó nằm trong bộ Facebook SDK mà chúng ta đã import từ phần 1. Nội dung đầy đủ của activity_main.xml sẽ như sau:

  • activity_main.xml

Bước 3: Chỉnh sửa file MainActivity.java. Chúng ta sẽ đi lần lượt. Đầu tiên là gọi ra CallbackManager và khởi tạo nút:

  • CallbackManager: Có tác dụng quản lý callback dữ liệu gửi/nhận từ màn hình đăng nhập và cung cấp quyền của Facebook.
  • LoginButton: Chính là nút bấm Facebook mà ta đã gọi ở file activity_main.xml

Tiếp theo, trong hàm onCreate chúng ta gọi:

  • Để khởi chạy FacebookSDK, lưu ý là đoạn code trên phải đặt sau hàm setContentView().

Tiếp theo, cài đặt Facebook Login Button:

Lưu ý: Facebook Button ở đây cài đặt sẵn Callback chịu trách nhiệm lấy dữ liệu chỉ đọc, trường hợp này mình lấy email. Các bạn có thể xem thêm danh sách các permission ở:

https://developers.facebook.com/docs/facebook-login/permissions#reference

Tiếp theo, viết hàm getFbInfo để lấy dữ liệu từ Facebook sau khi login xong.

Hơi khó hiểu phải không? Đã login rồi lại còn phải gọi lần nữa làm chi? Đừng sợ, thật ra chúng ta chỉ qua có 2 pha:

  • Pha 1: Login vào Facebook, xác thực app để lấy permission, permission tồn tại dưới dạng một AccessToken (một đoạn mã khá dài). AccessToken này luôn đi kèm các request mà ta gửi lên server Facebook.
  • Pha 2: Sử dụng AccessToken đã có, tạo request để lấy thông tin người dùng.

Hàm getFbInfo có dạng:

  • Đây chính là hàm xử lý pha 2.

Và nếu bạn tò mò muốn biết thì thật ra hàm newMeRequest ở trên sử dụng AsyncTask của Android dể xử lý bất đồng bộ việc lấy dữ liệu mà thôi.

Bước 4: Override hàm onActivityResult và sử dụng Callback đã khởi tạo từ trước, lấy dữ liệu về:

Bước 5: Cuối cùng, cài đặt Callback cho nút đăng nhập. Nó sẽ có dạng:  

  • Đây chính là pha 1. Các bạn để  ý là trong onCompleted mình có gọi hàm getFbInfo() ra để tiếp tục xử lý pha 2 đó.

Toàn bộ class MainActivity có nội dung như sau:

  • MainActivity.java

Bước 6: Chạy ứng dụng, trước khi khởi chạy thì nhớ kiểm tra permission INTERNET trong file AndroidManifest nhé:

Chúng ta sẽ được như sau:

Tích hợp mạng xã hội _ Login với Facebook

Click vào nút trên, màn hình cấp quyền ứng dụng sẽ hiện ra, nhấn Continue (Tiếp tục):

Tích hợp mạng xã hội _ Login với Facebook

Và thế là ứng dụng đã được cấp quyền, chúng ta đã tích hợp Facebook thành công:

Tích hợp mạng xã hội _ Login với Facebook


Kết luận

Qua bài này chúng ta đã nắm được cách tích hợp cụ thể Facebook SDK và Facebook Login vào ứng dụng.

Bài sau chúng ta sẽ tìm hiểu tiếp về CÁCH TÍCH HỢP GOOGLE LOGIN VÀO ỨNG DỤNG

Cảm ơn các bạn đã theo dõi bài viết. Hãy để lại bình luận hoặc góp ý của mình để phát triển bài viết tốt hơn. Đừng quên “Luyện tập – Thử thách – Không ngại khó”.


Tải xuống

Tài liệu

Nhằm phục vụ mục đích học tập Offline của cộng đồng, Kteam hỗ trợ tính năng lưu trữ nội dung bài học Tích hợp mạng xã hội - Login với Facebook dưới dạng file PDF trong link bên dưới.

Ngoài ra, bạn cũng có thể tìm thấy các tài liệu được đóng góp từ cộng đồng ở mục TÀI LIỆU trên thư viện Howkteam.com

Đừng quên likeshare để ủng hộ Kteam và tác giả nhé!


Thảo luận

Nếu bạn có bất kỳ khó khăn hay thắc mắc gì về khóa học, đừng ngần ngại đặt câu hỏi trong phần bên dưới hoặc trong mục HỎI & ĐÁP trên thư viện Howkteam.com để nhận được sự hỗ trợ từ cộng đồng.

Tác giả/Dịch giả

Khóa học

Khóa học lập trình Android cơ bản

Serial tutorial hướng dẫn lập trình Android cơ bản

Đánh giá

0.0
0 đánh giá
Đánh giá
5
4
3
2
1

Bình luận

Để bình luận, bạn cần đăng nhập bằng tài khoản Howkteam.

Đăng nhập
sky gin đã bình luận 8 năm trước

thay vi hiện nút login in with facebook nó lại hiện continue with facebook

Không có video.