API مدیریت اعتبار

مگین کرنی
Meggin Kearney

Credential Management API یک API مرورگر مبتنی بر استاندارد است که یک رابط برنامه‌نویسی بین سایت و مرورگر برای ورود یکپارچه در همه دستگاه‌ها فراهم می‌کند.

API مدیریت اعتبار:

  • اصطکاک را از جریان ورود به سیستم حذف می کند - کاربران می توانند به طور خودکار به سایتی بازگردند حتی اگر جلسه آنها منقضی شده باشد یا اعتبارنامه ها را در دستگاه دیگری ذخیره کرده باشند.
  • اجازه می دهد تا با یک ضربه وارد شوید با انتخابگر حساب - کاربران می توانند یک حساب را در یک انتخابگر حساب بومی انتخاب کنند.
  • اطلاعات کاربری فروشگاه - برنامه شما می تواند ترکیب نام کاربری و رمز عبور یا حتی جزئیات حساب فدرال را ذخیره کند. این اعتبارنامه ها را می توان در بین دستگاه ها توسط مرورگر همگام سازی کرد.

میخواهید آنرا در عمل ببینید؟ نسخه آزمایشی Credential Management API را امتحان کنید و نگاهی به کد بیندازید.

پشتیبانی مرورگر API Credential Management را بررسی کنید

پشتیبانی مرورگر

  • 51
  • 18
  • 60
  • 13

منبع

قبل از استفاده از Credential Management API، ابتدا بررسی کنید که آیا PasswordCredential یا FederatedCredential پشتیبانی می شود.

if (window.PasswordCredential || window.FederatedCredential) {
  // Call navigator.credentials.get() to retrieve stored
  // PasswordCredentials or FederatedCredentials.
}

ورود به سیستم کاربر

برای ورود به کاربر، اطلاعات کاربری را از مدیر رمز عبور مرورگر بازیابی کنید و از آنها برای ورود به کاربر استفاده کنید.

مثلا:

  1. زمانی که کاربر وارد سایت شما شد و وارد سیستم نشد، با navigator.credentials.get() تماس بگیرید.
  2. از اعتبارنامه های بازیابی شده برای ورود کاربر استفاده کنید.
  3. رابط کاربری را به‌روزرسانی کنید تا نشان دهید کاربر وارد سیستم شده است.

در ورود کاربران بیشتر بدانید.

اطلاعات کاربری کاربر را ذخیره یا به روز کنید

اگر کاربر با یک ارائه دهنده هویت فدرال مانند Google Sign-In، Facebook، GitHub وارد سیستم شده است:

  1. پس از اینکه کاربر با موفقیت وارد سیستم شد یا یک حساب ایجاد کرد، FederatedCredential را با آدرس ایمیل کاربر به عنوان شناسه ایجاد کنید و ارائه دهنده هویت را با FederatedCredentials.provider مشخص کنید.
  2. شیء اعتبار را با استفاده از navigator.credentials.store() ذخیره کنید.

در ورود کاربران بیشتر بدانید.

اگر کاربر با نام کاربری و رمز عبور وارد شده است:

  1. پس از اینکه کاربر با موفقیت وارد سیستم شد یا یک حساب ایجاد کرد، PasswordCredential با شناسه کاربری و رمز عبور ایجاد کنید.
  2. شیء اعتبار را با استفاده از navigator.credentials.store() ذخیره کنید.

در Save Credentials from Forms بیشتر بیاموزید.

خروج از سیستم

هنگامی که کاربر از سیستم خارج شد، با navigator.credentials.preventSilentAccess() تماس بگیرید تا از ورود خودکار مجدد کاربر به سیستم جلوگیری کنید.

غیرفعال کردن ورود به سیستم خودکار همچنین به کاربران امکان می‌دهد به راحتی بین حساب‌ها جابه‌جا شوند، مثلاً بین حساب‌های کاری و شخصی، یا بین حساب‌های موجود در دستگاه‌های مشترک، بدون نیاز به وارد کردن مجدد اطلاعات ورود به سیستم.

در خروج از سیستم بیشتر بیاموزید.

بازخورد