myApp-123.firebaseapp.com को मेरे कस्टम डोमेन myApp.com

Question

के साथ कैसे बदलें I फ़ायरबेस एथ signInWithPopup() का उपयोग कर रहा हूं जो बिल्कुल बढ़िया है। लेकिन जब शुरू में कॉन्फ़िगर किया गया, पॉपअप पढ़ता है:

कोई खाता चुनें myApp-123.firebaseapp.com जारी रखने के लिए

मैं होगा वास्तव में की तरह इसे पढ़ने के लिए:

चुनें myApp.com

मैं पॉपअप को अपना डोमेन कैसे दिखा सकता हूं?

Answer 1

मेरे समाधान में निम्नानुसार है कि मुझे यह कहना चाहिए कि मैंने जो कदम उठाए हैं, उनका पालन करना चाहिए। यह संभव है कि मैंने ऐसा कुछ किया जो पूरी तरह से जरूरी नहीं है, लेकिन मेरे ज्ञान के लिए और इस समय, मैंने कुछ भी तोड़ा नहीं है।

यह वर्कफ़्लो (और प्रलेखन) थोड़ा टूटा हुआ है क्योंकि आपको अपने Google क्लाउड प्लेटफ़ॉर्म (जीसीपी) प्रमाण-पत्र और फ़ायरबेस प्रमाणीकरण दोनों को समायोजित करना होगा। इस वर्कफ़्लो के प्रत्येक पक्ष द्वारा दस्तावेज़ीकरण प्रदान किया गया था, लेकिन मैं इस प्रतिस्थापन को बनाने के लिए पूरे वर्कफ़्लो को कवर करने वाला दस्तावेज़ नहीं ढूंढ पाया।

मैंने पहले अपने जीसीपी प्रमाण-पत्र को समायोजित किया।) https://console.cloud.google.com // कम से कम मेरे लिए यह मुझे मेरे सक्रिय जीसीपी प्रोजेक्ट में निर्देशित करता है।

2.) जीसीपी खोज क्षेत्र का उपयोग करें और "प्रमाण पत्र" टाइप करें, यह आपको आपके प्रोजेक्ट के लिए एपीआई प्रबंधक/प्रमाण-पत्रों में ले जाना चाहिए।

3.) "ओएथ 2.0 क्लाइंट आईडी" के पृष्ठ शीर्षक के नीचे, मेरे पास केवल एक प्रविष्टि थी, यदि आपके पास एक से अधिक हैं ??? सुनिश्चित नहीं है कि आपको क्या कहना है लेकिन यह पता लगाएं कि कौन सा आपके लिए रूचि रखता है।

4.) संपादित करें आइकन (कलम), आप एक नया पृष्ठ से पुरस्कृत किया जाएगा पर पेज क्लिक के दाईं ओर करने के लिए ...

3.) स्तंभ के अंतर्गत शीर्षक "अधिकृत जावास्क्रिप्ट मूल" जोड़ने के अपने खाली क्षेत्र में कस्टम यूआरआई जहां प्लेसहोल्डर "http // www.example.com" पढ़ता है। आपके पास "https" डोमेन होगा, जैसे कि आप https // myApp.com

4.) पृष्ठ पर कम आपको "अधिकृत रीडायरेक्ट यूआरआई" देखना चाहिए, और इसके नीचे "https://yourFirebaseApp.firebaseapp.com//auth/handler" । "/ऑथ/हैंडलर" पूंछ पर बिट अस्पष्ट निर्देशों पर संदर्भित ऑथ कॉलबैक है।

5.) खाली क्षेत्र में नीचे मैं कहा, "https://myApp.com/__/auth/handler"

मुझे विश्वास है कि इस सौदे के जीसीपी पक्ष के लिए यह है।

firebase निर्देश

1.) अपनी परियोजना के लिए firebase कंसोल खोलें और "प्रमाणीकरण" पृष्ठ खोलें। फिर "साइन-इन तरीके" पृष्ठ पर नेविगेट करें उदा। "प्रमाणीकरण/प्रदाताओं" आपकी परियोजनाओं की पूंछ पर होना चाहिए।

2.) "अधिकृत डोमेन" के तहत आपको "स्थानीय होस्ट" ... डिफ़ॉल्ट और "yourFirebaseApp.firebaseapp.com" देखना चाहिए ... डिफ़ॉल्ट, "डोमेन जोड़ें" बटन पर क्लिक करें और आपको पुरस्कृत किया जाएगा खाली फ़ील्ड जिसमें आप अपना कस्टम डोमेन नाम दर्ज करना चाहते हैं।अंत में "जोड़ें" बटन पर क्लिक करें। मेरे मामले में दो या तीन कोशिशों के बाद यह "myApp.com" में आया ... कस्टम (इस प्रक्रिया में कुछ प्रकार की गड़बड़ी थी जिसके लिए मुझे एक या दो बार फिर से शुरू करने की आवश्यकता थी)।

इस लेन-देन के अंत में आपको अपने कोड को संशोधित करने की आवश्यकता होगी।

आपको संभवत: आपके फायरबेस परियोजना से कॉपी किए गए कोड के ब्लॉक को याद रखना होगा और उस कोड में चिपकाया जाएगा जिससे आप संकलित और अपनी वेब ऐप को तैनात कर सकते हैं। मैं इस फायरबेस कॉन्फ़िगरेशन डेटा में src/वातावरण/environment.prod का उपयोग करता हूं। अब आप अपने कस्टम डोमेन में "authDomain" मान बदल सकते हैं, उत्पादन निर्माण कर सकते हैं और इसे फ़ायरबेस में तैनात कर सकते हैं।

यह प्रक्रिया मेरे और मेरे प्रोजेक्ट के लिए काम करती है, मैंने उम्मीद में यह पोस्ट किया है कि इन निर्देशों को इस या इसी तरह के संचालन करने वाले अन्य लोगों की प्रतिक्रिया के माध्यम से परिष्कृत किया जा सकता है।

Answer 2

मैंने फायरबेस समर्थन पूछा और निम्नलिखित जवाब प्राप्त किया। इटालिक्स में आइटम मेरे अतिरिक्त हैं। यह डोन के उत्तर के समान है लेकिन एक कस्टम डोमेन के साथ ही कम है। आपको अपने ऐप को फायरबेस पर होस्ट करने की आवश्यकता नहीं है।

-

हाय जायें,

बताने के लिए आपका धन्यवाद। मुझे आपकी सहायता करने में खुशी होगी।

ओएथ सहमति स्क्रीन में firebase-project-id.firebaseapp.com को अपडेट करने के लिए, आपको फायरबेस होस्टिंग (फ़ायरबेस कंसोल> होस्टिंग> कनेक्ट डोमेन) के साथ एक कस्टम डोमेन की आवश्यकता है। ऐसा इसलिए है क्योंकि https://firebase-project-id.firebaseapp.com/__/auth/handler फायरबेस होस्टिंग द्वारा होस्ट किया जाता है। आपको अपने कस्टम डोमेन को firebase-project-id.firebaseapp.com पर इंगित करने की आवश्यकता है।

कस्टम डोमेन को कनेक्ट करते समय, यदि आप फ़ायरबेस पर अपना ऐप होस्ट नहीं कर रहे हैं, तो एक नया सबडोमेन (उदा। App.yourdomain.com) का उपयोग करें और इसे रीडायरेक्ट न करें। फायरबेस आपको एक DNS प्रविष्टि जोड़ने और स्वचालित रूप से SSL प्रमाणपत्र ले जाने के लिए प्रेरित करेगा।

अपने Firebase परियोजना के लिए अपने कस्टम डोमेन जोड़ने के बाद, आप भी नीचे दिए गए चरणों का पालन करना चाहिए: Firebase कंसोल> परियोजना> प्रमाणीकरण> साइन-इन विधि का चयन करें> फेसबुक पर

1. > कॉपी यूआरएल 'सेटअप को पूरा करने के लिए, इस ओएथ को अपने फेसबुक एप कॉन्फ़िगरेशन में यूआरआई रीडायरेक्ट करें।'

   • यह अपने कस्टम डोमेन के साथ इस परियोजना आईडी की जगह की तरह https://firebase-project-id.firebaseapp.com/__/auth/handler

2. कुछ दिखेगा। यह कुछ ऐसी दिखाई देगी:> जीसीपी कंसोल> परियोजना> एपीआई प्रबंधक> साख का चयन करने के लिए https://yourdomain.com/__/auth/handler

3. जाओ करने के लिए # 2 में लिंक जोड़ें 'अधिकृत अनुप्रेषित यूआरआई'

4. तब के रूप में उपयोग करने के लिए सुनिश्चित yourdomain.com बजाय firebase-project-id.firebaseapp.com की

   firebase.initializeApp({ 
       apiKey: ...., 
       authDomain: 'yourdomain.com', 
       ... 
   }); 
   

को अपने ऐप्लिकेशन के विन्यास में authDomain मुझे पता है आप इस बारे में किसी भी अन्य प्रश्न हैं करते हैं।

सादर,

ऐ

-

मेरे मामले में, yourdomain.com जहां मैं अपने साइट होस्ट है, इसलिए मैं app.yourdomain.com इस्तेमाल किया जहां मैं इसे की जरूरत है।

• Firebase Hosting URL
• हैंडलर यूआरएल: https://app.yourdomain.com/__/auth/handler
• GCP Credentials
  • सही OAuth 2.0 क्लाइंट आईडी के तहत किसी एक को चुनें। क्लाइंट आईडी उस मेल से मेल खाएगा जिसे आपने अपने कोड में फ़ायरबेस को कॉन्फ़िगर किया है।
• authDomain: "app.yourdomain.com"