लोकलहोस्ट का उपयोग करते समय फेसबुक ऐप डोमेन नाम


85

यहाँ एक ट्यूटोरियल से:
http://ankurm.com/blog/api/use-localhost-for-facebook-app-development/1091/

मैंने अपने फेसबुक ऐप के लिए एक स्थानीय विकास क्षेत्र स्थापित करने की कोशिश की। लेकिन जब मैं " http: // localhost: 85 / my_app / " अपने डोमेन नाम के रूप में डालता हूं, तो फेसबुक कहता है

ऐप डोमेन: " http: // localhost: 85 / app-name / " में प्रोटोकॉल की जानकारी नहीं होनी चाहिए।

जब मैं "लोकलहोस्ट: 85 / my_app /" अपने डोमेन नाम के रूप में डालता हूं, मुझे त्रुटि मिलती है:

ऐप डोमेन: लोकलहोस्ट: 85 / my_app / एक मान्य डोमेन नहीं है।


6
मुझे विश्वास नहीं है कि आप जो अपडेट करना चाहते हैं वह "ऐप डोमेन" है इसके बजाय आप जो अपडेट करना चाहते हैं वह "साइट URL" पर स्थित है: ऐप्स> ऐप संपादित करें> सेटिंग> बेसिक> वेबसाइट फेसबुक लॉगिन के साथ। सुनिश्चित करें कि यह हरे रंग की जाँच की गई है और "साइट URL" दिखाई देगा। आप http: // localhost दर्ज कर सकते हैं - कोई पोर्ट निर्दिष्ट करने की आवश्यकता नहीं है, लेकिन आप अधिकांश प्रोटोकॉल निर्दिष्ट करते हैं।
लुइस पेरेज़

1
ऐप डोमेन के तहत काम करने के लिए लोकलहोस्ट नहीं किया जा सका। उन्नत सेटिंग्स सेट करें। स्थानीय होस्ट url के लिए 'मान्य OAuth रीडायरेक्ट URI' (http: // localhost: port #)। देखें github.com/tschellenbach/Django-facebook/issues/376
जो

यह भी ध्यान दें, डोमेन localhostको स्वीकार करने के लिए ऐप डोमेन होना चाहिए । मैंने mysite.local के साथ कोशिश की और यह काम नहीं करेगा। इसे बदलने Site URL to http://localhost:85/और App Domains to http://localhost:85/फिर (FB संशोधित ऐप डोमेन) को काम करने के लिए।
जेम्स लॉक

प्रयास करने के लिए कुछ और: "क्लाइंट oAuth सेटिंग के तहत, जहाँ यह कहता है कि रीडायरेक्ट URI के लिए स्ट्रिक्ट मोड का उपयोग करें और सुनिश्चित करें कि यह No और हिट सेव में सेट है।" - wp-native-articles.com/blog/news/…
eflat

फेसबुक लॉग इन के लिए HTTPS की आवश्यकता। आप "लोकलहोस्ट" पतों के साथ अभी भी HTTP का उपयोग कर पाएंगे, लेकिन केवल तभी जब आपका ऐप अभी भी डेवलपमेंट मोड में है। Developers.facebook.com/blog/post/2018/06/08/…
yadavr

जवाबों:


58

मेरा समाधान:

  1. ऐप डोमेन को खाली छोड़ दें
  2. (उत्पाद) फेसबुक लॉगिन> सेटिंग्स
  3. जोड़े http://localhost:85/my_app/को Valid OAuth redirect URIsबॉक्स
  4. परिवर्तनों को सुरक्षित करें

6
@ मैट लॉन्ग: मुझे यह नहीं लगा कि वैध OAuth रीडायरेक्ट URIs बॉक्स को हटा दिया गया है?
जूलियन

@ मैटलॉन्ग धन्यवाद! मैंने इसे Supasates समाधान का उपयोग करके काम किया।
जूलियन

1
मेरे लिए काम किया! (फरवरी 2018)
डैनियल का कहना है कि मोनिका

10/18/2020 मुझे यह चेतावनी मिली " लोकलहोस्ट रीडायरेक्ट्स को स्वचालित रूप से केवल विकास मोड में रहने की अनुमति है और इसे यहां जोड़ने की आवश्यकता नहीं है।"
किक बट्सॉस्की

56

ऐसा लगता है कि प्रोटोकॉल बदल दिया गया है।

यहाँ मेरा समाधान है (मैंने 3 अप्रैल 2015 को परीक्षण किया और यह अच्छी तरह से काम करता है):

में सेटिंग्स -> मूल टैब

  1. ऐप डोमेन: लोकलहोस्ट
  2. " + प्लेटफ़ॉर्म जोड़ें " पर क्लिक करें और " वेबसाइट " चुनें
  3. साइट URL: http: // localhost: <पोर्ट> / ( <पोर्ट> आपका पोर्ट नंबर है)
  4. परिवर्तनों को सुरक्षित करें

3
काम नहीं करता है, s32.postimg.org/4qazo1sl1/…
shershen

4
धन्यवाद! इसने मेरे लिए (मई 2016) काम किया। सूचना, 127.0.0.1 काम नहीं करता है।
मिलाद

मेरे लिए जून 2017 में काम किया गया
अलकंदर जीसस जीन

काम करता है! दिसंबर 2017
पंडेरियन एलडी

44
  1. ऐप डोमेन को खाली छोड़ दें
  2. फेसबुक लॉगइन के साथ वेबसाइट पर जाएं
  3. जोड़ना http://localhost:port_number/
  4. परिवर्तन सहेजें और पुनः प्रयास करें। ज्यादा जानकारी के लिये पधारें

http://developers.facebook.com/docs/samples/canvas/ हैप्पी कोडिंग :-)


3
Developers.facebook.com/docs/opengraph/getting-started - शायद अधिक प्रासंगिक
fflyer05

7
ऐप डोमेन के तहत काम करने के लिए लोकलहोस्ट नहीं किया जा सका। उन्नत सेटिंग्स सेट करें। स्थानीयहोल्डर url पर 'मान्य OAuth रीडायरेक्ट URI' (http: // localhost: port #)। देखें github.com/tschellenbach/Django-facebook/issues/376
जो

2
"फेसबुक लॉगिन के साथ वेबसाइट" का क्या अर्थ है? "ऐप डोमेन" के पास एक विकल्प? मैं इसे नहीं देखता। "उन्नत सेटिंग्स | मान्य OAuth रीडायरेक्ट URI" में लोकलहोस्ट प्रविष्टि को जोड़ना मेरे लिए काम करता है
पियरे डे लेसपिन

क्या यह अभी भी त्रुटि हो रही है: "दिए गए URL को एप्लिकेशन कॉन्फ़िगरेशन द्वारा अनुमति नहीं है"
राम रचूम

1
काम करना ठीक है। मैं केवल टिप्पणी करना चाहता हूं कि यह केवल उत्तर में 'लोकलहोस्ट' के साथ काम करता है। मैंने 127.0.0.1:8000 के साथ कोशिश की और काम नहीं किया
ePi272314

30

यह कुछ वर्षों में बदल गया है, लेकिन मुझे बस वेबैप के साथ काम करने के लिए मिला है जो मैं लोकलहोस्ट पर चला रहा हूं। यह जो मैंने किया है:

  1. गोटो https://developers.facebook.com/apps
  2. अपना ऐप चुनें।
  3. सेटिंग्स का चयन करें> बाएं हाथ की नौसेना पट्टी से बुनियादी।
  4. पेज के नीचे Add Platform बटन पर क्लिक करें।
  5. वेबसाइट पर क्लिक करें
  6. http://localhost:8080/साइट URL के लिए दर्ज करें।
  7. आपके द्वारा अभी दर्ज की गई साइट URL के दाईं ओर क्विकस्टार्ट बटन पर क्लिक करें।
  8. एक नया टैब खुल जाएगा। उस टैब पर, अनुभाग पर स्क्रॉल करें, "हमें अपनी वेबसाइट के बारे में बताएं" और फिर http://localhost:8080/साइट URL के लिए दर्ज करें।
  9. नेक्स्ट बटन पर क्लिक करें।
  10. फिर से लॉगिन करने का प्रयास किया गया, और इस बार काम किया।

सौभाग्य!


2
दो डोमेन का उपयोग करने का एक तरीका है? लोकलहोस्ट और डोमेन का उपयोग उत्पादन के लिए किया जाता है: /
JCarlosR

काम नहीं कर रहा है: फिर भी अटका हुआ है, URL ब्लॉक किया गया: यह रीडायरेक्ट विफल हो गया क्योंकि रीडायरेक्ट URI ऐप के क्लाइंट OAuth सेटिंग्स में सफेद-सूचीबद्ध नहीं है। सुनिश्चित करें कि क्लाइंट और वेब OAuth लॉगिन चालू हैं और अपने सभी ऐप डोमेन को वैध OAuth रीडायरेक्ट URI के रूप में जोड़ें।
निकुंज धीमर

28

2018 कार्य समाधान

मुझे यह पता लगाने में उम्र लग गई, इसलिए मैं अपना समाधान साझा करने जा रहा हूं।

मैंने सभी सुझाए गए जवाबों की कोशिश की, लेकिन मेरे लिए कुछ भी काम नहीं किया, और अंत में मुझे बस इतना करना था कि https://developers.facebook.com/apps/YOUR_APP_ID/fb-login/settings/ पर जाएं , और मुझे जोड़ें Valid OAuth रीडायरेक्ट URIs बॉक्स में पूर्ण कॉलबैक url ।

मेरे मामले में, रेल पर रूबी का उपयोग करते हुए, मेरा url इस तरह दिखता था http://localhost:3000/user/auth/facebook/callback

और ठीक इसके बाद मैंने इसे जोड़ा, सब कुछ काम करना शुरू कर दिया! आशा है कि यह किसी और को इस मुद्दे का सामना करने में मदद करता है।


धन्यवाद! हैरानी की बात है, आप वर्तमान क्षण के लिए सही व्यावहारिक समाधान है! चीयर्स।
नखोदकिन

हाँ धन्यवाद। इसने मेरे लिए काम किया। मैंने लोकलहोस्ट को जोड़ा : 5001 सेक्शन: मान्य OAuth रीडायरेक्ट URI और सक्षम: एंबेडेड ब्राउज़र OAuth लॉगिन
डेविड जॉन कोलमैन II

यह भी मेरे लिए काम किया। यह वर्तमान कार्यशील समाधान है। मैंने लोकलहोस्ट से फेसबुक लॉग इन के लिए अपने ऐप का एक परीक्षण संस्करण बनाया। (जब तक फेसबुक चीजों को फिर से बदल नहीं देता!)
Red3

3
धन्यवाद! अरबी रोटी। जब मैंने उसे जोड़ा, उसके बाद यह नोटिस पॉप अप हुआ। मार्च में, हम आपकी ऐप सेटिंग में एक सुरक्षा अपडेट कर रहे हैं जो नीचे दिए गए मान्य OAuth रीडायरेक्ट URIs में सूचीबद्ध नहीं किए गए URI से कॉल को अमान्य कर देगा। यह अपडेट हमारे प्लेटफ़ॉर्म पर देखी गई दुर्भावनापूर्ण गतिविधि के जवाब में आता है, और हम सुरक्षा करना चाहते हैं आपके ऐप या वेबसाइट को URIs के लिए एक नए सख्त मोड की आवश्यकता होती है Kinda लगता है कि उन्होंने जल्दी शुरू किया?
dbinott

1
धन्यवाद! इसने मुझे उम्र के साथ लिया (जब तक मुझे यह उत्तर नहीं मिला)। समस्या यह है कि FB से आपको प्राप्त होने वाली त्रुटि का सुझाव है कि आपको "एप्लिकेशन के डोमेन" में अपना डोमेन जोड़ना चाहिए, जिसका वास्तविक समस्या से कोई लेना-देना नहीं है। फिर से अपना समय बर्बाद करने के लिए धन्यवाद FB :(
Arno van Oordt

11

यह वही है जो मैं करता था।

यदि आप विंडोज का उपयोग कर रहे हैं, तो आपको होस्ट फ़ाइल को संशोधित करना होगा। होस्ट फ़ाइल स्थान पर होगा%SystemRoot%\System32\drivers\etc\

इस तरह होस्ट फ़ाइल में एक नई लाइन जोड़ें

127.0.0.1    localhost.YOUR-SITE-NAME.com

होस्ट फ़ाइल सहेजें।

नियंत्रण कक्ष सेटिंग FB एप्लिकेशन पर जाएं और localhost.YOUR-SITE-NAME.comApps डोमेन फ़ील्ड में दें। परिवर्तनों को सुरक्षित करें।

अब आप localhost.YOUR-SITE-NAME.comअपने ब्राउज़र से स्थानीय वातावरण को लोड करें।

NB: अपने डोमेन नाम के साथ अपना साइट नाम बदलें।


7

कार्य समाधान (अगस्त 2018)

सबसे पहले, डेवलपर्स डैशबोर्ड में अपना ऐप चुनें ।

फिर सुनिश्चित करें कि आपका ऐप डेवलपमेंट मोड में है , क्योंकि यह HTTP पर लोकलहोस्ट की अनुमति देता है। ऐसा करने के लिए, अपने ऐप के पृष्ठ के शीर्ष दाईं ओर स्थित टॉगल पर क्लिक करें।

अंत में, कृपया नीचे दिए गए नोटों का पालन करें क्योंकि वे गलत तरीके से भरे जाने पर परेशानी का कारण बन सकते हैं:

  • Settings > Basic > App Domains खाली होना चाहिए
  • Products > Facebook Login > Settings > Valid OAuth Redirect URIs खाली होना चाहिए

क्या यह अभी भी काम कर रहा है? अगर मैं अपना ऐप डेवलपमेंट मोड पर डालता हूं तो मुझे व्हाइट लेबल एरर मिलता है।
सागर लिम्बू

1
मेरे पास मेरे उत्पादक ऐप का परीक्षण-संस्करण है (हमेशा विकास मोड में), सभी क्षेत्रों को साफ़ कर दिया, लेकिन फिर भी त्रुटि मिलती है: OAuthException URI मिसमैच
एंड्रियास रिक्टर

जब आपके एप्लिकेशन विकास मोड में है कि आप किसी भी अंतिम बिंदुओं कि आप अपने ऐप प्रस्तुत करने के लिए आवश्यकता होती है परीक्षण नहीं कर सकते
रिक्स

धन्यवाद भाई, यह अंत में पता लगाने के लिए कठिन था
एंथनी

5

आप इसे खाली छोड़ सकते हैं या उपयोग कर सकते हैं localhost, http://localhost:85/my_app/URL है


हाँ, मैं इसके url को जानता हूं, लेकिन dats wot को ट्यूटोरियल में किया गया था, और वह दावा करता है कि इसने काम किया ... इसीलिए मैंने इसे आज़माया ... वैसे मैंने भी लोकलहोस्ट करने की कोशिश की है: 85 लेकिन यह ddnt काम करता है, लेकिन जब मैंने कोशिश की कि लोकलहोस्ट ने केवल यह काम किया ... वह कारण जो मैं उपयोग करना चाहता था: 85 इसलिए कि मेरी अपाचे बंदरगाह का उपयोग कर रहा है ...
सान्या तोबी

पोर्ट प्रोटोकॉल जानकारी है, आपको उस फ़ील्ड के लिए इसकी आवश्यकता नहीं है। जैसा कि संदेश कहता है: प्रोटोकॉल जानकारी नहीं होनी चाहिए।
phwd

इसे खाली छोड़ कर उसने चाल चली। और एक और बात यह localhostडोमेन नाम के रूप में स्वीकार नहीं करता है ।
शाश्वत

3

जब मैंने उस टाइम पोर्ट को ऐप डोमेन में लिखने की अनुमति दी थी। और मैं वास्तव में 81 पोर्ट (wamp सर्वर) के साथ ऐप चलाने में सक्षम हूं। अब ऐसा लग रहा है कि फेसबुक url में पोर्ट की अनुमति नहीं दे रहा है। आप localhostऐप डोमेन में उपयोग कर सकते हैं ।

मैं जल्द से जल्द जानकारी अपडेट करूंगा। मैं इसका हल निकालने की कोशिश कर रहा हूं।

एक अस्थायी समाधान है लोकलट्यून का उपयोग http://progrium.com/localtunnel/


2

मैंने इसका परीक्षण किया और यह मेरे लिए काम करता है [Feb 2020]:

  1. Ngrok स्थापित करें और अपना https url प्राप्त करें (उदाहरण: https://a3asdf23.ngrok.io )
  2. ऐप डोमेन -> ऐड https://a3asdf23.ngrok.io, के तहत एफबी ऐप डैशबोर्ड सेटिंग्स (बेसिक) -> पर जाएं https://ngrok.io
  3. उसी पृष्ठ पर, सभी तरह से नीचे स्क्रॉल करें, प्लेटफ़ॉर्म (वेबसाइट) जोड़ें, यूआरएल को इस प्रकार सेट करें https://a3asdf23.ngrok.io। अभी तक खत्म नहीं हुआ है, "अपनी वेबसाइट के बारे में बताएं" के तहत क्विकस्टार्ट -> पर क्लिक करें, वही यूआरएल डालें https://a3asdf23.ngrok.io
  4. तो उत्पाद के लिए जाने -> फेसबुक लॉग इन -> सेटिंग्स -> क्लाइंट OAuth सेटिंग्स -> मान्य OAuth पुनर्निर्देशन यूआरआई -> इन जोड़ने https://a3asdf23.ngrok.io, https://ngrok.io, https://a3asdf23.ngrok.io/{your-redirect-uri}

और यहाँ तुम जाओ। धन्यवाद बाद में :)


1

आपको अपनी लोकलहोस्टी को साझा करने के लिए एक सुरंग बनानी होगी; Ngrok ऐसा करने का सबसे आसान तरीका है।


1

https://ngrok.com

के माध्यम से जाने https://ngrok.com/ डाउनलोड ngrok और निकालने कि फ़ाइल के लिए लिंक। ओपन cmd (सर्च cmd) उस डायरेक्टरी पर जाएं जहां ngrok को निकाला जाता है। कमांड लाइन के पूर्व से एनरोक खोलें: c: /ngrok/ngrok.exe [port] या cd c: / ngrok फिर ngrok 80 (ngrok [port]) आपको मिलेगा

ngrok

Tunnel Status                 online
Version                       1.3/1.3
Forwarding                    http://3ahsdfhska.ngrok.com -> 127.0.0.1:80
Forwarding                    https://3ahsdfhska.ngrok.com -> 127.0.0.1:80
Web Interface                 http://127.0.0.1:4040
# Conn                        0
Avg Conn Time                 0.00ms

यह सुनिश्चित करने के लिए मत भूलें कि आपका wamp सर्वर एक ही पोर्ट पर खुला है ... (कैसे चेक करें -> goto-> wampicon-> apache-> httpd.conf पोर्ट के लिए खोज करें या 80 (डिफ़ॉल्ट) का उपयोग करें जो ngrokoy 80 के लिए करें)

http://3ahsdfhska.ngrok.com

आपके लोकलहोस्ट ऑनलाइन तक पहुँचने के लिए URL होगा


मैं अपने सर्वलेट को fowd करने के लिए ngrok का परीक्षण करना चाहूंगा। मेरा सर्वलेट एक विशिष्ट पथ पर चलता है। एफओआर उदाहरण: लोकलहोस्ट: 8080 / प्लगइन्स / सर्वलेट मैं एफडब्ल्यूडी को वहां कैसे स्थापित करने का निर्देश दे सकता हूं?
जॉर्ज वालोइस

0

यदि आपको प्रोटोकॉल त्रुटियां हो रही हैं, तो न केवल आपको Http: //OVOV: Http: // की जरूरत है, लेकिन अगर वेब पते के अंत में कोई बैकस्लैश है, तो आपको उसे भी हटा देना चाहिए या यह काम नहीं करेगा। मैंने ऐसा किया और इसने पूरी तरह से काम किया! होल्ला!


0

मिश्रण में एक और घोल डालना:

मैंने निर्देशों के अनुसार अपनी वेबसाइट स्थापित की, फिर एक दूसरा ऐप (फेसबुक कैनवस) जोड़ा और उस URL को सेट किया http://localhost:XXXXX। अब मैं FB को स्थानीय और उत्पादन दोनों में एक्सेस कर सकता हूं।


0

मैं स्थानीय रूप से विकसित हूं और मैं इस URL का उपयोग करता हूं: localhost/fb

फिर मुझे निम्नलिखित URL के साथ एक वेबसाइट जोड़ना पड़ा: http://localhost

ऐप डोमेन के तहत मैंने जोड़ा localhost

अब यह काम कर रहा है। मेरे पास एकमात्र मुद्दा यह था, कि आपको अपनी सभी लिपियों में इस URL का उपयोग करना होगा। उदाहरण के लिए

$loginUrl = $helper->getLoginUrl('http://localhost/fb/login-callback.php', $permissions);

आप 127.0.0.1यहाँ उपयोग नहीं कर सकते हैं ...


0

मैंने यहां बताए गए सभी समाधानों की कोशिश की, लेकिन उनमें से किसी ने भी काम नहीं किया।

क्या हल हुआ मेरा मुद्दा "ओआथ रीडायरेक्ट यूआरआई" को फायरबेस से लेकर फेसबुक ऐप "वैलिड ओउथ रीडायरेक्ट यूआरआई" में कॉपी कर रहा था

मैंने सभी डोमेन खाली छोड़ दिए

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.