برای راهاندازی محیط خود برای شروع پیادهسازی FedCM، به یک زمینه امن (HTTPS یا localhost) هم در IdP و هم در RP در Chrome نیاز دارید.
کوکی های شخص ثالث را مسدود کنید
کوکیهای شخص ثالث را از تنظیمات Chrome مسدود کنید
میتوانید نحوه عملکرد FedCM را بدون کوکیهای شخص ثالث در Chrome آزمایش کنید. برای مسدود کردن کوکیهای شخص ثالث، از حالت ناشناس استفاده کنید یا «مسدود کوکیهای شخص ثالث» را در تنظیمات دسکتاپ خود در chrome://settings/cookies یا در تلفن همراه با رفتن به تنظیمات > تنظیمات سایت > کوکیها انتخاب کنید.
اشکال زدایی در دسکتاپ
ما در حال کار بر روی بهبود تجربه اشکالزدایی FedCM با DevTools هستیم. در حالی که این ویژگی ها در حال توسعه هستند، می توانید از گزارش های درخواست شبکه chrome://net-export استفاده کنید:
به chrome://net-export بروید.
"Include raw bytes" را انتخاب کنید و روی "Start Logging to Disk" کلیک کنید. زمانی که از شما خواسته شد، مکانی را برای ذخیره گزارشها انتخاب کنید.
رابط ابزار صادرات خالص: شروع
صفحهای را باز کنید که FedCM را فراخوانی میکند، بهعنوان مثال نسخه آزمایشی RP .
جریان FedCM را که می خواهید اشکال زدایی کنید (به عنوان مثال، ثبت نام کاربر) تکمیل کنید.
به chrome://net-export بروید و «توقف ورود» را فشار دهید.
رابط ابزار صادرات خالص: ورود به دیسک به پایان رسید
گزارش های خود را با ابزار مشاهده گزارش مورد نظر خود باز کنید، به عنوان مثال نمایشگر NetLog .
هنگام استفاده از نمایشگر NetLog، Events از پانل سمت چپ انتخاب کنید و type:URL_REQUEST فیلتر را اعمال کنید.
در این مثال، گزارشها نشان میدهند که دو درخواست به نقطه پایانی حسابها ارسال شده است. این به این دلیل است که کاربر در اولین بازدید از صفحه با IdP وارد نشده است. URL_REQUEST_JOB_FILTERED_BYTES_READ نشان می دهد که سرور با یک پیام خطا در بدنه پاسخ پاسخ داده است: { error: "not signed in." } .
رابط ابزار صادرات خالص: پاسخ به خطا
دومین درخواست /accounts موفقیت آمیز بود و IdP با داده های حساب پاسخ داد:
تاریخ آخرین بهروزرسانی 2024-12-10 بهوقت ساعت هماهنگ جهانی.
[null,null,["تاریخ آخرین بهروزرسانی 2024-12-10 بهوقت ساعت هماهنگ جهانی."],[[["FedCM requires a secure context (HTTPS or localhost) for both the Identity Provider (IdP) and Relying Party (RP) in Chrome."],["To debug FedCM code on Chrome on Android, set up a local server and utilize remote debugging through Chrome DevTools on desktop."],["Test FedCM's functionality without third-party cookies by enabling Incognito mode, blocking third-party cookies in Chrome settings, or adjusting site settings on mobile."]]],["To implement and debug FedCM, ensure a secure environment (HTTPS or localhost) on both IdP and RP. Block third-party cookies via Incognito mode or Chrome settings. Use `chrome://net-export` for network request logs: start logging, interact with FedCM, stop logging, and view logs with a tool like NetLog viewer. Filter logs by `type:URL_REQUEST`. Be aware that logs may contain private information. Logs will reveal if FedCM is sending and receiving requests as expected.\n"]]