Nếu hỗ trợ đăng nhập bằng Tài khoản Google, bạn có thể sử dụng ứng dụng đăng nhập bằng một lần chạm để mang đến cho người dùng trải nghiệm tạo tài khoản liền mạch mà không bao giờ đưa họ ra khỏi ngữ cảnh của ứng dụng.
Khi bạn hiển thị giao diện người dùng One Tap, người dùng sẽ được nhắc tạo tài khoản mới bằng ứng dụng của bạn bằng một trong các Tài khoản Google trên thiết bị của họ. Nếu người dùng chọn tiếp tục, bạn sẽ nhận được mã thông báo nhận dạng có thông tin cơ bản về hồ sơ (tên, ảnh hồ sơ và địa chỉ email đã xác minh) mà bạn có thể dùng để tạo tài khoản mới.
Việc triển khai tính năng tạo tài khoản bằng tính năng Một lần chạm bao gồm hai phần:
- Tích hợp ứng dụng One Tap vào ứng dụng của bạn, như mô tả trên trang này. Cách này chủ yếu giống như khi sử dụng tính năng Đăng nhập bằng một lần chạm, nhưng có một số khác biệt về cấu hình.
- Thêm vào phần phụ trợ khả năng tạo tài khoản người dùng từ mã thông báo mã nhận dạng trên Google. Điều này được thảo luận trong phần Sử dụng mã thông báo mã nhận dạng trên phần phụ trợ.
Tôi nên sử dụng tính năng Đăng ký bằng một lần chạm ở đâu?
Nơi có tác động lớn nhất để cung cấp tính năng Đăng ký bằng một lần chạm cho người dùng là trong bối cảnh mà việc đăng nhập sẽ kích hoạt các tính năng mới. Trước tiên, hãy thử đăng nhập người dùng bằng thông tin xác thực đã lưu. Nếu không tìm thấy thông tin đăng nhập đã lưu, hãy đề nghị tạo tài khoản mới cho người dùng.
Trước khi bắt đầu
Thiết lập dự án Bảng điều khiển API của Google và dự án Android như mô tả trong phần Bắt đầu sử dụng tính năng Đăng nhập một lần.
1. Định cấu hình ứng dụng One Tap
Để định cấu hình ứng dụng One Tap cho việc tạo tài khoản, hãy làm như sau:
- Không bật yêu cầu thông tin xác thực bằng mật khẩu. (Chỉ có thể đăng ký bằng một lần chạm bằng phương thức xác thực dựa trên mã thông báo.)
Bật các yêu cầu mã thông báo nhận dạng của Google bằng
setGoogleIdTokenRequestOptions()và các chế độ cài đặt sau:- Đặt mã ứng dụng khách của máy chủ thành mã bạn đã tạo trong bảng điều khiển API của Google. Xin lưu ý rằng đây là mã ứng dụng khách của máy chủ, chứ không phải mã ứng dụng khách Android.
- Định cấu hình ứng dụng để hiển thị tất cả Tài khoản Google trên thiết bị, nghĩa là không lọc theo tài khoản được uỷ quyền.
- Nếu muốn, bạn cũng có thể yêu cầu số điện thoại đã xác minh cho tài khoản.
Java
public class YourActivity extends AppCompatActivity { // ... private SignInClient oneTapClient; private BeginSignInRequest signUpRequest; @Override public void onCreate(@Nullable Bundle savedInstanceState, @Nullable PersistableBundle persistentState) { super.onCreate(savedInstanceState, persistentState); oneTapClient = Identity.getSignInClient(this); signUpRequest = BeginSignInRequest.builder() .setGoogleIdTokenRequestOptions(GoogleIdTokenRequestOptions.builder() .setSupported(true) // Your server's client ID, not your Android client ID. .setServerClientId(getString(R.string.your_web_client_id)) // Show all accounts on the device. .setFilterByAuthorizedAccounts(false) .build()) .build(); // ... } }
Kotlin
class YourActivity : AppCompatActivity() { // ... private lateinit var oneTapClient: SignInClient private lateinit var signUpRequest: BeginSignInRequest override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) oneTapClient = Identity.getSignInClient(this) signUpRequest = BeginSignInRequest.builder() .setGoogleIdTokenRequestOptions( BeginSignInRequest.GoogleIdTokenRequestOptions.builder() .setSupported(true) // Your server's client ID, not your Android client ID. .setServerClientId(getString(R.string.your_web_client_id)) // Show all accounts on the device. .setFilterByAuthorizedAccounts(false) .build()) .build() // ... } // ... }
2. Theo dõi việc huỷ giao diện người dùng One Tap
Bạn nên theo dõi xem người dùng đã từ chối sử dụng tính năng đăng ký bằng một lần nhấn hay chưa bằng cách đóng lời nhắc hoặc nhấn vào bên ngoài lời nhắc đó. Điều này có thể đơn giản như một thuộc tính boolean của Hoạt động. (Xem phần Ngừng hiển thị giao diện người dùng One Tap ở bên dưới.)
3. Hiển thị giao diện người dùng Đăng ký bằng một lần chạm
Nếu người dùng chưa từ chối sử dụng tính năng Một lần nhấn để tạo tài khoản mới, hãy gọi phương thức beginSignIn() của đối tượng ứng dụng và đính kèm trình nghe vào Task mà phương thức này trả về. Các ứng dụng thường thực hiện bước này khi yêu cầu đăng nhập bằng một lần nhấn không tìm thấy thông tin xác thực nào đã lưu, tức là trong trình nghe lỗi của yêu cầu đăng nhập.
Ứng dụng One Tap sẽ gọi trình nghe thành công nếu người dùng đã thiết lập một hoặc nhiều Tài khoản Google trên thiết bị. Trong trình nghe thành công, hãy lấy ý định đang chờ xử lý từ kết quả Task và truyền ý định đó đến startIntentSenderForResult() để bắt đầu giao diện người dùng One Tap.
Nếu người dùng không có Tài khoản Google nào trên thiết bị, thì ứng dụng One Tap sẽ gọi trình nghe lỗi. Trong trường hợp này, bạn không cần làm gì cả: bạn chỉ cần tiếp tục trình bày trải nghiệm đã đăng xuất của ứng dụng và người dùng có thể đăng ký bằng quy trình tạo tài khoản thông thường.
Java
oneTapClient.beginSignIn(signUpRequest)
.addOnSuccessListener(this, new OnSuccessListener<BeginSignInResult>() {
@Override
public void onSuccess(BeginSignInResult result) {
try {
startIntentSenderForResult(
result.getPendingIntent().getIntentSender(), REQ_ONE_TAP,
null, 0, 0, 0);
} catch (IntentSender.SendIntentException e) {
Log.e(TAG, "Couldn't start One Tap UI: " + e.getLocalizedMessage());
}
}
})
.addOnFailureListener(this, new OnFailureListener() {
@Override
public void onFailure(@NonNull Exception e) {
// No Google Accounts found. Just continue presenting the signed-out UI.
Log.d(TAG, e.getLocalizedMessage());
}
});
Kotlin
oneTapClient.beginSignIn(signUpRequest)
.addOnSuccessListener(this) { result ->
try {
startIntentSenderForResult(
result.pendingIntent.intentSender, REQ_ONE_TAP,
null, 0, 0, 0)
} catch (e: IntentSender.SendIntentException) {
Log.e(TAG, "Couldn't start One Tap UI: ${e.localizedMessage}")
}
}
.addOnFailureListener(this) { e ->
// No Google Accounts found. Just continue presenting the signed-out UI.
Log.d(TAG, e.localizedMessage)
}
4. Xử lý phản hồi của người dùng
Phản hồi của người dùng đối với lời nhắc đăng ký bằng tính năng Đăng ký một lần sẽ được báo cáo cho ứng dụng của bạn bằng cách sử dụng phương thức onActivityResult() của Hoạt động. Nếu người dùng chọn tạo tài khoản, kết quả sẽ là mã thông báo cho mã nhận dạng trên Google. Nếu người dùng từ chối đăng ký bằng cách đóng giao diện người dùng One Tap hoặc nhấn vào bên ngoài giao diện này, thì kết quả sẽ trả về bằng mã RESULT_CANCELED. Ứng dụng của bạn cần xử lý cả hai khả năng này.
Tạo tài khoản bằng mã thông báo nhận dạng của Google
Nếu người dùng chọn đăng ký bằng Tài khoản Google, bạn có thể lấy mã thông báo nhận dạng cho người dùng bằng cách truyền dữ liệu ý định từ onActivityResult() đến phương thức getSignInCredentialFromIntent() của ứng dụng One Tap. Thông tin xác thực sẽ có thuộc tính googleIdToken khác rỗng.
Sử dụng mã thông báo nhận dạng để tạo tài khoản trên phần phụ trợ (xem phần Xác thực bằng phần phụ trợ bằng mã thông báo nhận dạng) và đăng nhập người dùng.
Thông tin xác thực cũng chứa mọi thông tin bổ sung mà bạn đã yêu cầu, chẳng hạn như số điện thoại đã xác minh của tài khoản (nếu có).
Java
public class YourActivity extends AppCompatActivity { // ... private static final int REQ_ONE_TAP = 2; // Can be any integer unique to the Activity. private boolean showOneTapUI = true; // ... @Override protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) { super.onActivityResult(requestCode, resultCode, data); switch (requestCode) { case REQ_ONE_TAP: try { SignInCredential credential = oneTapClient.getSignInCredentialFromIntent(data); String idToken = credential.getGoogleIdToken(); if (idToken != null) { // Got an ID token from Google. Use it to authenticate // with your backend. Log.d(TAG, "Got ID token."); } } catch (ApiException e) { // ... } break; } } }
Kotlin
class YourActivity : AppCompatActivity() { // ... private val REQ_ONE_TAP = 2 // Can be any integer unique to the Activity private var showOneTapUI = true // ... override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) { super.onActivityResult(requestCode, resultCode, data) when (requestCode) { REQ_ONE_TAP -> { try { val credential = oneTapClient.getSignInCredentialFromIntent(data) val idToken = credential.googleIdToken when { idToken != null -> { // Got an ID token from Google. Use it to authenticate // with your backend. Log.d(TAG, "Got ID token.") } else -> { // Shouldn't happen. Log.d(TAG, "No ID token!") } } } catch (e: ApiException) { // ... } } } // ... }
Ngừng hiển thị giao diện người dùng One Tap
Nếu người dùng từ chối đăng nhập, lệnh gọi đến getSignInCredentialFromIntent() sẽ gửi một ApiException có mã trạng thái CommonStatusCodes.CANCELED.
Khi điều này xảy ra, bạn nên tạm dừng hiển thị giao diện người dùng đăng nhập bằng tính năng Một lần nhấn để không làm phiền người dùng bằng các lời nhắc lặp đi lặp lại. Ví dụ sau đây thực hiện việc này bằng cách đặt một thuộc tính trên Hoạt động. Hoạt động này sẽ dùng thuộc tính đó để xác định xem có cung cấp tính năng Đăng nhập một lần cho người dùng hay không; tuy nhiên, bạn cũng có thể lưu một giá trị vào SharedPreferences hoặc sử dụng một số phương thức khác.
Điều quan trọng là bạn phải triển khai giới hạn tốc độ của riêng mình đối với lời nhắc Đăng nhập bằng một lần chạm. Nếu bạn không làm như vậy và người dùng huỷ nhiều lời nhắc liên tiếp, thì ứng dụng One Tap sẽ không nhắc người dùng trong 24 giờ tiếp theo.
Java
public class YourActivity extends AppCompatActivity { // ... private static final int REQ_ONE_TAP = 2; // Can be any integer unique to the Activity. private boolean showOneTapUI = true; // ... @Override protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) { super.onActivityResult(requestCode, resultCode, data); switch (requestCode) { case REQ_ONE_TAP: try { // ... } catch (ApiException e) { switch (e.getStatusCode()) { case CommonStatusCodes.CANCELED: Log.d(TAG, "One-tap dialog was closed."); // Don't re-prompt the user. showOneTapUI = false; break; case CommonStatusCodes.NETWORK_ERROR: Log.d(TAG, "One-tap encountered a network error."); // Try again or just ignore. break; default: Log.d(TAG, "Couldn't get credential from result." + e.getLocalizedMessage()); break; } } break; } } }
Kotlin
class YourActivity : AppCompatActivity() { // ... private val REQ_ONE_TAP = 2 // Can be any integer unique to the Activity private var showOneTapUI = true // ... override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) { super.onActivityResult(requestCode, resultCode, data) when (requestCode) { REQ_ONE_TAP -> { try { // ... } catch (e: ApiException) { when (e.statusCode) { CommonStatusCodes.CANCELED -> { Log.d(TAG, "One-tap dialog was closed.") // Don't re-prompt the user. showOneTapUI = false } CommonStatusCodes.NETWORK_ERROR -> { Log.d(TAG, "One-tap encountered a network error.") // Try again or just ignore. } else -> { Log.d(TAG, "Couldn't get credential from result." + " (${e.localizedMessage})") } } } } } } // ... }
Các bước tiếp theo
Khi người dùng hoàn tất quy trình đăng ký bằng tính năng Một lần nhấn, bạn sẽ nhận được mã thông báo nhận dạng của Google. Mã này bao gồm một số thông tin cơ bản trong hồ sơ: địa chỉ email, tên đầy đủ và URL ảnh hồ sơ của người dùng. Đối với nhiều ứng dụng, thông tin này là đủ để bạn xác thực người dùng trên phần phụ trợ và tạo một tài khoản mới.
Nếu bạn yêu cầu thêm thông tin để hoàn tất việc tạo tài khoản (ví dụ: ngày sinh của người dùng), hãy hiển thị cho người dùng quy trình đăng ký thông tin chi tiết, trong đó bạn yêu cầu thông tin bổ sung này. Sau đó, hãy gửi thông tin đó đến phần phụ trợ để hoàn tất việc tạo tài khoản.