Localhost kullanılırken Facebook uygulaması alan adı

Buradaki bir eğiticiden:
http://ankurm.com/blog/api/using-localhost-for-facebook-app-development/1091/

Facebook uygulamam için bir Yerel geliştirme Alanı oluşturmaya çalıştım. Ancak alan adım olarak " http: // localhost: 85 / my_app / " koyduğumda Facebook diyor ki

Uygulama Etki Alanları: " http: // localhost: 85 / uygulama-adı / ", protokol bilgilerini içermemelidir.

Ayrıca alan adım olarak "localhost: 85 / my_app /" yazdığımda şu hatayı alıyorum:

Uygulama Etki Alanları: localhost: 85 / my_app / geçerli bir etki alanı değil.

Çözümüm:

1. Uygulama Alanlarını boş bırakın
2. (Ürünler) Facebook girişi> Ayarlar
3. Ekle http://localhost:85/my_app/için Valid OAuth redirect URIskutunun
4. Değişiklikleri Kaydet

Protokol değiştirilmiş gibi görünüyor.

İşte benim çözümüm (3 Nisan 2015'te test ettim ve iyi çalışıyor):

Gelen Ayarlar -> Temel sekmesi

1. Uygulama Alanı: localhost
2. " + Platform Ekle " yi tıklayın ve " Web Sitesi " ni seçin
3. Site URL'si: http: // localhost: <port> / ( <port> bağlantı noktası numaranızdır)
4. Değişiklikleri Kaydet

1. Uygulama Alanlarını boş bırakın
2. Facebook Girişli Web Sitesine Git
3. Ekle http://localhost:port_number/
4. Değişiklikleri kaydedin ve tekrar deneyin. Daha fazla bilgi için ziyaret edin

http://developers.facebook.com/docs/samples/canvas/ Mutlu kodlama :-)

Bu yıllar içinde biraz değişti, ancak bunu localhost'ta çalıştırdığım bir web uygulamasıyla çalıştırdım. Ben de öyle yaptım:

1. Goto https://developers.facebook.com/apps
2. Uygulamanızı seçin.
3. Soldaki gezinme çubuğundan Ayarlar> Temel'i seçin.
4. Sayfanın altındaki Platform Ekle düğmesini tıklayın.
5. Web sitesini tıklayın
6. http://localhost:8080/Site URL'si için girin .
7. Yeni girdiğiniz Site URL'sinin en sağındaki Hızlı Başlangıç ​​düğmesini tıklayın.
8. Yeni bir sekme açılacaktır. Bu sekmede, "Bize web siteniz hakkında bilgi verin" bölümüne gidin http://localhost:8080/ve Site URL'si için tekrar girin .
9. İleri düğmesine tıklayın.
10. Tekrar giriş yapmaya çalıştı ve bu sefer işe yaradı.

İyi şanslar!

2018 çalışma çözümü

Bunu anlamak yaşlarımı aldı, bu yüzden çözümümü paylaşacağım.

Önerilen tüm yanıtları denedim, ancak hiçbir şey benim için işe yaramadı ve sonunda tek yapmam gereken https://developers.facebook.com/apps/YOUR_APP_ID/fb-login/settings/ adresine gitmek ve Geçerli OAuth yönlendirme URI'leri kutusundaki tam geri arama url'si .

Benim durumumda, raylarda ruby ​​kullandığım için url'm böyle görünüyordu http://localhost:3000/user/auth/facebook/callback.

Ve ekledikten hemen sonra, her şey çalışmaya başladı! Umarım bu, bu sorunla karşılaşan başka birine yardımcı olur.

Ben de böyle yapardım.

Windows kullanıyorsanız, ana bilgisayar dosyasını değiştirmeniz gerekir. Ana bilgisayar dosyası konumu şu şekilde olacaktır:%SystemRoot%\System32\drivers\etc\

Ana bilgisayar dosyasına bunun gibi yeni bir satır ekleyin

127.0.0.1    localhost.YOUR-SITE-NAME.com

Ana bilgisayar dosyasını kaydedin.

FB apps ayar kontrol paneline gidin ve localhost.YOUR-SITE-NAME.comApps alan adını verin . Değişiklikleri Kaydet.

Şimdi localhost.YOUR-SITE-NAME.comtarayıcınızdan olduğu gibi yerel ortamı yükleyin .

Not: SİTENİZİN-ADINI alan adınızla değiştirin.

Çalışma çözümü (Ağustos 2018)

Öncelikle geliştirici kontrol panelinde uygulamanızı seçin .

Ardından , HTTP üzerinden localhost'a izin verdiği için uygulamanızın geliştirme modunda olduğundan emin olun . Bunu yapmak için, uygulama sayfanızın sağ üst tarafında bulunan geçiş düğmesine tıklayın.

Son olarak, uygun şekilde doldurulmadıklarında soruna neden olabileceğinden lütfen aşağıdaki notları izleyin:

• Settings > Basic > App Domains boş olmalı
• Products > Facebook Login > Settings > Valid OAuth Redirect URIs boş olmalı

Ya boş veya kullanım bırakabilir localhost, http://localhost:85/my_app/URL

Bu öğreticiyi o sırada yazdığımda, uygulama etki alanında bağlantı noktasına izin verildi. Ve aslında uygulamayı 81 bağlantı noktalı (wamp sunucusu) çalıştırabiliyorum. Şimdi facebook'un url'de porta izin vermediği görülüyor. localhostUygulama alanında kullanabilirsiniz .

Bilgileri mümkün olan en kısa sürede güncelleyeceğim. Çözüm bulmaya çalışıyorum.

Geçici bir çözüm, localtunnel http://progrium.com/localtunnel/ kullanmaktır.

Bunu test ettim ve benim için çalışıyor [Şubat 2020]:

1. Ngrok'u kurun ve https url'nizi alın (örnek: https://a3asdf23.ngrok.io )
2. FB App Dashboard Settings (Basic) -> altında App Domains -> add https://a3asdf23.ngrok.io, seçeneğine gidin https://ngrok.io.
3. Aynı sayfada, tamamen aşağı kaydırın, Platform (Web Sitesi) Ekle, url'yi olarak ayarlayın https://a3asdf23.ngrok.io. Henüz bitirmediyseniz, QuickStart -> "Bize web siteniz hakkında bilgi verin" altında, aynı url'yi tıklayın https://a3asdf23.ngrok.io.
4. Sonra Ürünleri gidin -> Facebook Giriş -> Ayarlar -> Müşteri OAuth Ayarlar -> Geçerli OAuth Yönlendirme URI'ları -> bunlar ekleyin https://a3asdf23.ngrok.io, https://ngrok.io, https://a3asdf23.ngrok.io/{your-redirect-uri}.

Ve işte gidiyorsun. Sonra teşekkürler :)

Yerel ana makinenizi paylaşmak için bir tünel oluşturmalısınız; Ngrok bunu yapmanın en kolay yolu maby'dir .

https://ngrok.com

Üzerinden gidin https://ngrok.com/ indirme ngrok ve özü bu dosya için bağlantıyı. Cmd'yi açın (cmd'de arama yapın) ngrok'un çıkarıldığı dizine gidin. Komut satırından ngrok'u açın, örn: c: /ngrok/ngrok.exe [port] veya cd c: / ngrok sonra 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 sunucunuzun aynı bağlantı noktasında açık olduğundan emin olmayı UNUTMAYIN… (nasıl kontrol edilir -> goto-> wampicon-> apache-> httpd.conf bağlantı noktası arayın veya 80 (varsayılan) bunu ngrok.exe için kullanın 80)

http://3ahsdfhska.ngrok.com

yerel ana makinenize çevrimiçi erişim URL'si olacaktır

Protokol hatalarını alıyorsanız, yalnızca Http: // 'yi KALDIRMANIZ gerekmez, aynı zamanda web adresinin sonunda herhangi bir ters eğik çizgi varsa, onu da kaldırmanız gerekir, aksi takdirde işe yaramaz. Bunu yaptım ve mükemmel çalıştı! Holla!

Karışıma bir çözüm daha atmak:

Web sitemi talimatlara göre kurdum, ardından ikinci bir uygulama (Facebook Canvas) ekledim ve bu URL'yi olarak ayarladım http://localhost:XXXXX. Artık FB'ye hem yerel hem de üretimde erişebiliyorum.

Yerel olarak geliştiriyorum ve şu URL'yi kullanıyorum: localhost/fb

Sonra aşağıdaki URL ile bir web sitesi eklemem gerekiyordu: http://localhost

Uygulama Alan Adları altında ekledim localhost.

Şimdi çalışıyor. Sahip olduğum tek sorun, tüm komut dosyalarınızda bu URL'yi kullanmanız gerektiğiydi. Örneğin

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

127.0.0.1Burada kullanamazsınız ...

Burada bahsedilen tüm çözümleri denedim ama hiçbiri işe yaramadı.

Sorunumu çözen, "OAuth yönlendirme URI'sını" firebase'den facebook uygulaması "Geçerli OAuth Yönlendirme URI'ları" na kopyalamaktı

Tüm alanları boş bıraktım