FedCM लागू करने के लिए, अपना डेवलपमेंट एनवायरमेंट सेट अप करना

FedCM लागू करने के लिए अपना एनवायरमेंट सेट अप करने के लिए, आपको Chrome में IdP और RP, दोनों पर सुरक्षित कॉन्टेक्स्ट (एचटीटीपीएस या localhost) की ज़रूरत होगी.

तीसरे पक्ष की कुकी पर रोक लगाएं

Chrome की सेटिंग में जाकर, तीसरे पक्ष की कुकी ब्लॉक करना
Chrome की सेटिंग में जाकर, तीसरे पक्ष की कुकी ब्लॉक करना

यह टेस्ट किया जा सकता है कि Chrome में तीसरे पक्ष की कुकी के बिना, FedCM कैसे काम करता है. तीसरे पक्ष की कुकी को ब्लॉक करने के लिए, गुप्त मोड का इस्तेमाल करें. इसके अलावा, chrome://settings/cookies पर अपनी डेस्कटॉप सेटिंग में जाकर "तीसरे पक्ष की कुकी ब्लॉक करें" को चुनें. इसके अलावा, मोबाइल पर सेटिंग > साइट सेटिंग > कुकी पर जाकर भी ऐसा किया जा सकता है.

डेस्कटॉप पर डीबग करना

Chrome 139 से, Chromium पर आधारित ब्राउज़र में DevTools की मदद से FedCM को डीबग किया जा सकता है:

  1. DevTools खोलें.

  2. नेटवर्क पैनल पर जाएं.

    DevTools का नेटवर्क पैनल, स्क्रीन की दाईं ओर खुला है.
    DevTools का नेटवर्क पैनल

  3. उस वेबसाइट पर जाएं जिसकी आपको जांच करनी है. उदाहरण के लिए, हमारा डेमो आरपी.

  4. फ़िल्टर बार में resource-type:fedcm टाइप करके, सिर्फ़ FedCM के अनुरोध फ़िल्टर किए जा सकते हैं.

    DevTools का नेटवर्क पैनल खुला है और 'resource-type:fedcm' फ़िल्टर लागू है. इससे सूची में सिर्फ़ FedCM अनुरोध दिखते हैं.
    DevTools के नेटवर्क पैनल में लागू किया गया रिसॉर्स टाइप फ़िल्टर

    fedcm

  5. किसी अनुरोध की बारीकी से जांच करने के लिए, उस पर क्लिक करें.

    अनुरोध की जानकारी वाले हेडर टैब से पता चलता है कि 'खाते' एंडपॉइंट का अनुरोध पूरा नहीं हो सका. इसकी वजह, '401 अनुमति नहीं है' स्टेटस कोड है.
    अनुरोध की जानकारी

आगे क्या करना होगा

आइडेंटिटी प्रोवाइडर की ओर से, FedCM की मदद से आइडेंटिटी सॉल्यूशन लागू करने का तरीका जानें.
अपने आरपी के लिए FedCM लागू करें और JavaScript SDK टूल को डिस्ट्रिब्यूट करें. आरपी को अप-टू-डेट रखें. इसके लिए, उन्हें खुद लागू करने की ज़रूरत नहीं होती.