محیط توسعه خود را برای پیاده سازی FedCM تنظیم کنید

برای راه‌اندازی محیط خود برای شروع پیاده‌سازی FedCM، به یک زمینه امن (HTTPS یا localhost) هم در IdP و هم در RP در Chrome نیاز دارید.

کوکی های شخص ثالث را مسدود کنید

کوکی‌های شخص ثالث را از تنظیمات Chrome مسدود کنید
کوکی‌های شخص ثالث را از تنظیمات Chrome مسدود کنید

می‌توانید نحوه عملکرد FedCM را بدون کوکی‌های شخص ثالث در Chrome آزمایش کنید. برای مسدود کردن کوکی‌های شخص ثالث، از حالت ناشناس استفاده کنید یا «مسدود کوکی‌های شخص ثالث» را در تنظیمات دسک‌تاپ خود در chrome://settings/cookies یا در تلفن همراه با رفتن به تنظیمات > تنظیمات سایت > کوکی‌ها انتخاب کنید.

اشکال زدایی در دسکتاپ

ما در حال کار بر روی بهبود تجربه اشکال‌زدایی FedCM با DevTools هستیم. در حالی که این ویژگی ها در حال توسعه هستند، می توانید از گزارش های درخواست شبکه chrome://net-export استفاده کنید:

  1. به chrome://net-export بروید.
  2. "Include raw bytes" را انتخاب کنید و روی "Start Logging to Disk" کلیک کنید. زمانی که از شما خواسته شد، مکانی را برای ذخیره گزارش‌ها انتخاب کنید.

    رابط ابزار Net-export: دکمه "Stat Logging to Disk" قابل مشاهده است و کادر انتخاب "شامل بایت های خام" انتخاب شده است.
    رابط ابزار صادرات خالص: شروع
  3. صفحه‌ای را باز کنید که FedCM را فراخوانی می‌کند، به‌عنوان مثال نسخه آزمایشی RP .

  4. جریان FedCM را که می خواهید اشکال زدایی کنید (به عنوان مثال، ثبت نام کاربر) تکمیل کنید.

  5. به chrome://net-export بروید و «توقف ورود» را فشار دهید.

    رابط ابزار Net-export: فایل لاگ نوشته شده است و مسیر فایل نمایش داده می شود.
    رابط ابزار صادرات خالص: ورود به دیسک به پایان رسید
  6. گزارش های خود را با ابزار مشاهده گزارش مورد نظر خود باز کنید، به عنوان مثال نمایشگر NetLog .

  7. هنگام استفاده از نمایشگر NetLog، Events از پانل سمت چپ انتخاب کنید و type:URL_REQUEST فیلتر را اعمال کنید.

در این مثال، گزارش‌ها نشان می‌دهند که دو درخواست به نقطه پایانی حساب‌ها ارسال شده است. این به این دلیل است که کاربر در اولین بازدید از صفحه با IdP وارد نشده است. URL_REQUEST_JOB_FILTERED_BYTES_READ نشان می دهد که سرور با یک پیام خطا در بدنه پاسخ پاسخ داده است: { error: "not signed in." } .

رابط ابزار صادرات خالص: گزارش هایی که حاوی پیام خطا در بدنه پاسخ هستند.
رابط ابزار صادرات خالص: پاسخ به خطا

دومین درخواست /accounts موفقیت آمیز بود و IdP با داده های حساب پاسخ داد:

رابط ابزار صادرات خالص: گزارش‌هایی که حاوی داده‌های حساب در بدنه پاسخ هستند.
رابط ابزار صادرات خالص: پاسخ با داده های حساب

مراحل بعدی

نحوه پیاده سازی راه حل هویت خود را با FedCM در سمت Identity Provider مرور کنید.
FedCM را برای RP های خود پیاده سازی کنید و JavaScript SDK را توزیع کنید. با حذف نیاز به خود پیاده سازی، RP ها را به روز نگه دارید.