Giới thiệu và hướng dẫn làm chức năng đăng nhập bằng SMS miễn phí
Gần đây, nói gần thì cũng không có gần lắm đâu, facebook đã giới thiệu một chức năng đăng nhập trên mọi website bằng xác thực qua sms là facebook account kit mà bạn chỉ cần nhập vào đó số điện thoại và bấm gửi xác minh thì facebook sẽ gửi cho bạn một mã qua sms miễn phí hoàn toàn của facebook , sau đó bạn chỉ việc nhập vào mã được gửi qua sms đó vào và bấm xác thực,tức thì bạn sẽ được đang nhập vào trang web đó với phân quyền đã được phân quyền trước đó mà không cần phải nhớ password chi cho mệt.
Nội Dung Bài Viết
Tổng quan về Facebook account kit
Với Account Kit, mọi người có thể đăng ký cũng như đăng nhập ứng dụng thật nhanh chóng và dễ dàng bằng cách sử dụng số điện thoại hoặc địa chỉ email của họ làm thông tin đăng nhập không cần mật khẩu. Account Kit được cơ sở hạ tầng gửi WhatsApp, SMS và email của Facebook hỗ trợ để mang lại hiệu quả tin cậy, có thể mở rộng với phạm vi tiếp cận toàn cầu. Do sử dụng phương pháp xác thực bằng email và số điện thoại nên Account Kit không yêu cầu tài khoản Facebook và là phương thức thay thế lý tưởng để đăng nhập mạng xã hội.
Quy trình đăng nhập của Account Kit kết hợp cả đăng ký tài khoản và đăng nhập tài khoản. Không cần kiểm tra xem tài khoản đã tồn tại hay chưa hoặc không cần tạo luồng riêng để đăng ký người dùng mới. Sau khi đăng nhập hoặc đăng ký thành công, Account Kit sẽ cung cấp cho ứng dụng của bạn thông tin đăng nhập xác thực của người đăng nhập.
Giao diện người dùng để đăng nhập được SDK cung cấp:
SDK iOS cung cấp trình điều khiển chế độ xem tùy chỉnh để quản lý luồng đăng nhập cho bạn. Chỉ cần hiển thị trình điều khiển chế độ xem để bắt đầu.
Android SDK cung cấp hoạt động và tất cả những gì bạn cần làm để khởi tạo đăng nhập là bắt đầu hoạt động. Hoạt động sẽ cung cấp kết quả cho biết đăng nhập thành công hay thất bại.
SDK JS cung cấp API đăng nhập để quản lý luồng đăng nhập cho bạn. Chỉ cần gọi accountkit.login để bắt đầu.
Account Kit dành cho web cơ bản cung cấp URL khởi động luồng đăng nhập.
Tất cả SDK và URL web cơ bản đều cho phép tùy chỉnh đáng kể màn hình đăng nhập.
Account Kit hỗ trợ xác thực WhatsApp và dựa trên SMS cho hàng trăm mã quốc gia. Để biết danh sách các mã quốc gia mà Account Kit hỗ trợ xác thực dựa trên SMS, hãy xem Mã quốc gia SMS được hỗ trợ. Chúng tôi không tính phí nhắn tin SMS cho đến tháng 8/2018. Sau thời điểm đó, các ứng dụng vượt quá 100.000 tin nhắn SMS mỗi tháng có thể bị tính cước SMS tiêu chuẩn. Để biết thêm thông tin, hãy xem câu hỏi “Tôi có bị tính phí khi sử dụng SMS với Account Kit không?” trong phần Câu hỏi thường gặp. Bạn có thể tắt tùy chọn SMS nếu không muốn cung cấp tùy chọn này. Đối với Android và iOS, bạn có thể tắt tùy chọn SMS trong khi thiết lập SDK, còn đối với web, bạn có thể tắt tùy chọn này trong bảng điều khiển ứng dụng.
Cách thức hoạt động của Account Kit
Account Kit tạo cơ sở dữ liệu riêng cho ứng dụng. Bạn có thể truy cập dữ liệu bất cứ lúc nào thông qua API REST. Khi mọi người đăng nhập ứng dụng, cơ sở dữ liệu này sẽ được nhập danh sách các số điện thoại hoặc địa chỉ email và ID tài khoản có thể được sử dụng trong ứng dụng. Các ID tài khoản này là duy nhất với ứng dụng. Nếu cũng sử dụng Đăng nhập Facebook cho ứng dụng, bạn có thể chắc chắn rằng sẽ không bao giờ có xung đột với ID người dùng trong ứng dụng của Facebook.
Account Kit có 2 luồng đăng nhập, tùy thuộc vào việc mọi người chọn xác minh số điện thoại hay xác minh email.
Luồng xác minh qua điện thoại
- Gọi API Account Kit bằng một số điện thoại để khởi tạo phiên đăng nhập hoặc đăng ký.
- Các máy chủ Account Kit hỗ trợ xác nhận số điện thoại qua SMS và WhatsApp. Bạn có thể xác nhận số điện thoại qua WhatsApp với Android SDK và iOS SDK phiên bản 5.00 trở lên. Chúng tôi sẽ lấy quy trình xác nhận qua WhatsApp làm ví dụ minh họa (quy trình xác nhận qua SMS sẽ tương tự) và sẽ cho phép WhatsApp làm tùy chọn dự phòng. Account Kit sẽ gửi tin nhắn WhatsApp kèm mã xác nhận để tiếp tục quá trình đăng nhập. Nếu người dùng không nhận được mã qua tin nhắn, thì Account Kit sẽ cung cấp ba tùy chọn dự phòng để họ lựa chọn:
-
Thông báo qua SMS — Người dùng có thể chọn nhận một SMS chứa mã này.
-
Cuộc gọi điện thoại — Người dùng có thể chọn nhận cuộc gọi để cung cấp mã này. Để biết danh sách ngôn ngữ mà cuộc gọi hỗ trợ, hãy xem phần Ngôn ngữ được hỗ trợ cho cuộc gọi điện thoại trong Ngôn ngữ được hỗ trợ.
-
Thông báo trên Facebook — Nếu số điện thoại được liên kết với một tài khoản Facebook, thì người dùng có thể chọn nhận thông báo chứa mã này qua tài khoản đó.
Account Kit cũng có thể trực tiếp xác minh số điện thoại mà không gửi mã qua WhatsApp hoặc SMS. Hãy xem phần Xác minh nhanh
-
- SDK xác minh mã xác nhận qua WhatsApp.
- Nếu đã bật Luồng mã truy cập ứng dụng, thì ứng dụng của bạn sẽ nhận được mã truy cập chứa ID tài khoản sau khi đăng nhập thành công. Nếu ứng dụng chưa bật Quy trình mã truy cập ứng dụng, thì ứng dụng khách của bạn sẽ nhận được mã xác thực mà máy chủ của ứng dụng có thể sử dụng để yêu cầu mã truy cập một cách an toàn.
Quy trình xác minh email
- Gọi API Account Kit bằng địa chỉ email để khởi tạo đăng nhập hoặc đăng ký.
- Máy chủ Account Kit sẽ gửi email xác nhận đến địa chỉ email.
- SDK giám sát trạng thái của email xác nhận.
- Nếu ứng dụng đã bật Luồng mã truy cập ứng dụng, ứng dụng của bạn sẽ nhận được mã truy cập chứa ID tài khoản sau khi đăng nhập thành công. Nếu ứng dụng chưa bật Quy trình mã truy cập ứng dụng, thì ứng dụng khách của bạn sẽ nhận được mã xác thực mà máy chủ của ứng dụng có thể sử dụng để yêu cầu mã truy cập một cách an toàn.
Hướng dẫn sử dụng và cài đặt Facebook Account Kit cho website WordPress
Đầu tiên trong bài hướng dẫn này mình sẽ hướng dẫn các bạn thực hiện nó trên website wordpress và sử dụng plugin đơn giản thôi nhé. Đối với web php khác cần viết theo thư viện hướng dẫn của facebook. Có thể mình sẽ hưỡng dẫn bài viết khác sau này.
Để xem demo về cách đăng nhập của Facebook Account Kit bạn xem demo tại đây .
Đầu tiên các bạn down plugin này về và cài đặt nhé : https://wordpress.org/plugins/fb-account-kit-login/
Sau khi cài đặt sẽ được như hình :
Sau đó bạn tiến hành cài đặt các thông số cho plugin
Các thông số bạn cần cài đặt như sau:
Ảnh cấu hình
Đầu tiên bạn cần lấy được Facebook App ID .
Bạn đăng nhập vào trình ứng dụng dev của facebook để tạo 1 app mới theo link này https://developers.facebook.com/apps/
Sau đó tạo 1 app mới và lần lượt làm theo các bước sau đây :
Bước 1
Bước này lấy app id và bỏ vào phần gạch thứ nhất của ảnh cấu hình
Bước 2
Bước 3
Ở bước này bạn show cái account kit app secret kia ra và copy bỏ vào phần gạch thứ 2 của ảnh cấu hình
Bước 4
Bước 5
Bước này copy phần gạch thứ 3 của ảnh cấu hình vào phần gạch đỏ nè.
Trong phần cài đặt account kit các bạn có thể cài đặt được từ ngữ và màu từ ngữ như sau :
Bây giờ lưu lại và bạn đã gần như hoàn thành rồi.
Bước cuối cùng
Bạn dùng shotcode này copy vào trang đăng nhặp hoặc file đăng nhập của website bạn nhé.
[fbak-account-kit]
dùng trong văn bản
hoặc
echo do_shortcode('[fbak-account-kit]');
dùng trong file php
Đến đây mọi việc đã hoàn tất , bạn hãy hưởng thụ thành quả nhé.