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

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

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

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

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

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

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

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

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

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

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

    अनुरोध की जानकारी के 'हेडर' टैब से पता चलता है कि 'accounts' एंडपॉइंट के लिए किया गया अनुरोध, '401 Unauthorized' स्टेटस कोड के साथ पूरा नहीं हुआ.
    अनुरोध की जानकारी