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

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

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

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

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

हम DevTools की मदद से, FedCM को डीबग करने के अनुभव को बेहतर बनाने पर काम कर रहे हैं. इन सुविधाओं के डेवलप होने तक, chrome://net-export नेटवर्क अनुरोधों के लॉग का इस्तेमाल किया जा सकता है:

1. chrome://net-export पर नेविगेट करें.

2. "रॉ बाइट शामिल करें" चुनें और "डिस्क पर लॉगिंग शुरू करें" पर क्लिक करें. जब कहा जाए, तब लॉग सेव करने के लिए कोई जगह चुनें.

   

3. FedCM को कॉल करने वाला कोई पेज खोलें. उदाहरण के लिए, demo RP.

4. वह FedCM फ़्लो पूरा करें जिसे आपको डीबग करना है. उदाहरण के लिए, उपयोगकर्ता का साइन-अप.

5. chrome://net-export पर जाएं और "लॉगिंग बंद करें" दबाएं.

   

6. अपनी पसंद के लॉग देखने वाले टूल की मदद से लॉग खोलें. उदाहरण के लिए, NetLog व्यूअर.

7. NetLog व्यूअर का इस्तेमाल करते समय, बाईं ओर मौजूद पैनल से Events चुनें और type:URL_REQUEST फ़िल्टर लागू करें.

इस उदाहरण में, लॉग से पता चलता है कि खातों के एंडपॉइंट पर दो अनुरोध भेजे गए थे. ऐसा इसलिए होता है, क्योंकि पेज पर पहली बार आने पर उपयोगकर्ता ने आईडीपी के साथ साइन इन नहीं किया था. URL_REQUEST_JOB_FILTERED_BYTES_READ से पता चलता है कि सर्वर ने जवाब के मुख्य हिस्से में गड़बड़ी का मैसेज दिया है: { error: "not signed in." }.

दूसरा /accounts अनुरोध पूरा हो गया और आईडीपी ने खाते का डेटा भेजा:

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