Tên miền ứng dụng Facebook khi sử dụng localhost

Từ hướng dẫn ở đây:
http://ankurm.com/blog/api/using-localhost-for-facebook-app-development/1091/

Tôi đã cố gắng thiết lập Khu vực phát triển địa phương cho ứng dụng Facebook của mình. Nhưng khi tôi đặt " http: // localhost: 85 / my_app / " làm tên miền của mình, Facebook cho biết

Miền ứng dụng: " http: // localhost: 85 / app-name / " không được chứa thông tin giao thức.

Ngoài ra khi tôi đặt "localhost: 85 / my_app /" làm tên miền của mình, tôi gặp lỗi:

Miền ứng dụng: localhost: 85 / my_app / không phải là miền hợp lệ.

Giải pháp của tôi:

1. Để trống Miền ứng dụng
2. (Sản phẩm) Đăng nhập Facebook> Cài đặt
3. Thêm http://localhost:85/my_app/vào Valid OAuth redirect URIshộp
4. Lưu thay đổi

Có vẻ như giao thức đã được thay đổi.

Đây là giải pháp của tôi (tôi đã thử nghiệm vào ngày 3 tháng 4 năm 2015 và nó hoạt động tốt):

Trong Cài đặt -> Cơ bản tab

1. Miền ứng dụng: localhost
2. Nhấp vào " + Thêm nền tảng " và chọn " Trang web "
3. URL trang web: http: // localhost: <port> / ( <port> là số cổng của bạn)
4. Lưu thay đổi

1. Để trống Miền ứng dụng
2. Truy cập trang web bằng Đăng nhập Facebook
3. Thêm vào http://localhost:port_number/
4. Lưu các thay đổi và thử lại. Để biết thêm thông tin, hãy truy cập

http://developers.facebook.com/docs/samples/canvas/ Chúc bạn viết mã vui vẻ :-)

Điều này đã thay đổi một số trong những năm qua, nhưng tôi chỉ làm cho nó hoạt động với một ứng dụng web mà tôi đang chạy trên localhost. Đây là những gì tôi đã làm:

1. Goto https://developers.facebook.com/apps
2. Chọn ứng dụng của bạn.
3. Chọn Cài đặt> Cơ bản từ thanh điều hướng bên trái.
4. Nhấp vào nút Thêm nền tảng ở cuối trang.
5. Nhấp vào Trang web
6. Nhập http://localhost:8080/cho URL của trang web.
7. Nhấp vào nút Khởi động nhanh ở ngoài cùng bên phải của URL trang web bạn vừa nhập.
8. Một tab mới sẽ mở ra. Trên tab đó, cuộn xuống phần "Cho chúng tôi biết về trang web của bạn" và nhập lạihttp://localhost:8080/ URL của trang web.
9. Nhấp vào nút Tiếp theo.
10. Đã cố gắng đăng nhập lại và lần này nó hoạt động.

Chúc may mắn!

Giải pháp làm việc 2018

Tôi đã mất nhiều thời gian để tìm ra điều này, vì vậy tôi sẽ chia sẻ giải pháp của mình.

Tôi đã thử tất cả các câu trả lời được đề xuất, nhưng không có gì hiệu quả với tôi và cuối cùng tất cả những gì tôi phải làm là truy cập https://developers.facebook.com/apps/YOUR_APP_ID/fb-login/settings/ và thêm url gọi lại đầy đủ trong URI chuyển hướng OAuth hợp lệ hộp .

Trong trường hợp của tôi, sử dụng ruby ​​trên đường ray, url của tôi trông như thế này http://localhost:3000/user/auth/facebook/callback.

Và ngay sau khi tôi thêm nó, mọi thứ bắt đầu hoạt động! Hy vọng điều này sẽ giúp ai đó đối mặt với vấn đề này.

Đây là những gì tôi đã từng làm.

Nếu bạn đang sử dụng Windows, bạn cần sửa đổi tệp máy chủ. Vị trí tệp máy chủ lưu trữ sẽ ở%SystemRoot%\System32\drivers\etc\

Thêm một dòng mới trong tệp máy chủ lưu trữ như thế này

127.0.0.1    localhost.YOUR-SITE-NAME.com

Lưu tệp máy chủ lưu trữ.

Đi tới bảng điều khiển cài đặt ứng dụng FB và đưa localhost.YOUR-SITE-NAME.comvào trường miền Ứng dụng. Lưu thay đổi.

Bây giờ tải cho bạn môi trường cục bộ như localhost.YOUR-SITE-NAME.comtừ trình duyệt của bạn.

NB: thay đổi TÊN-TRANG WEB của bạn bằng tên miền của bạn.

Giải pháp làm việc (tháng 8 năm 2018)

Trước tiên, hãy chọn ứng dụng của bạn trong trang tổng quan dành cho nhà phát triển .

Sau đó, hãy đảm bảo rằng ứng dụng của bạn đang ở chế độ phát triển , vì nó cho phép localhost qua HTTP. Để làm như vậy, hãy nhấp vào nút chuyển đổi nằm ở trên cùng bên phải của trang ứng dụng của bạn.

Cuối cùng, hãy làm theo các ghi chú bên dưới vì chúng có thể gây ra rắc rối nếu điền không đúng cách:

• Settings > Basic > App Domains nên để trống
• Products > Facebook Login > Settings > Valid OAuth Redirect URIs nên để trống

Bạn có thể để trống hoặc sử dụng localhost, http://localhost:85/my_app/là URL

Khi tôi viết hướng dẫn đó tại thời điểm đó, cổng đã được phép trong miền ứng dụng. Và tôi thực sự có thể chạy ứng dụng với 81 cổng (máy chủ wamp). Bây giờ có vẻ như facebook không cho phép cổng trong url. Bạn có thể sử dụng localhosttrong miền ứng dụng.

Tôi sẽ cập nhật thông tin trong thời gian sớm nhất. Tôi đang cố gắng tìm ra giải pháp.

Một giải pháp tạm thời là sử dụng localtunnel http://progrium.com/localtunnel/

Tôi đã thử nghiệm điều này và nó hoạt động với tôi [tháng 2 năm 2020]:

1. Cài đặt ngrok và lấy url https của bạn (ví dụ: https://a3asdf23.ngrok.io )
2. Đến FB App Bảng điều khiển Cài đặt (Basic) -> dưới App Domains -> thêm https://a3asdf23.ngrok.io, https://ngrok.io.
3. Trên cùng một trang, cuộn xuống hết cỡ, Thêm nền tảng (Trang web), đặt url là https://a3asdf23.ngrok.io. Vẫn chưa kết thúc, hãy nhấp vào QuickStart -> bên dưới "Cho chúng tôi biết về trang web của bạn", đặt cùng một url https://a3asdf23.ngrok.io.
4. Sau đó đi đến Sản phẩm -> Facebook Đăng nhập -> Settings -> Khách hàng OAuth Cài đặt -> Áp dụng OAuth Redirect URI -> thêm những https://a3asdf23.ngrok.io, https://ngrok.io, https://a3asdf23.ngrok.io/{your-redirect-uri}.

Và bạn đây. Cảm ơn tôi sau :)

Bạn phải tạo một đường hầm để chia sẻ localhost của mình; Ngrok là cách dễ nhất để làm điều đó.

https://ngrok.com

Đi qua https://ngrok.com/ liên kết để tải về ngrok và giải nén tập tin đó. Mở cmd (tìm kiếm cmd) Đi tới thư mục nơi ngrok được giải nén. Mở ngrok từ dòng lệnh ví dụ: c: /ngrok/ngrok.exe [port] hoặc cd c: / ngrok rồi đến ngrok 80 (ngrok [port]) Bạn sẽ nhận được

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

Đừng QUÊN để đảm bảo máy chủ wamp của bạn đang mở trên cùng một cổng… (cách kiểm tra -> goto-> wampicon-> apache-> httpd.conf tìm kiếm cổng hoặc 80 (mặc định) sử dụng cổng đó cho ngrok.exe 80)

http://3ahsdfhska.ngrok.com

sẽ là URL để truy cập máy chủ cục bộ của bạn trực tuyến

Nếu bạn gặp lỗi giao thức, bạn không chỉ cần XÓA Http: // mà còn nếu có bất kỳ dấu gạch chéo ngược nào ở cuối địa chỉ web, bạn cũng phải xóa nó đi nếu không nó sẽ không hoạt động. Tôi đã làm điều này và nó hoạt động hoàn hảo! Holla!

Cho thêm một dung dịch vào hỗn hợp:

Tôi thiết lập trang web của mình theo hướng dẫn, sau đó thêm ứng dụng thứ hai (Facebook Canvas) và đặt URL đó thành http://localhost:XXXXX. Bây giờ tôi có thể truy cập FB cả trong nước và sản xuất.

Tôi phát triển cục bộ và tôi sử dụng URL này: localhost/fb

Sau đó, tôi phải thêm một trang web với URL sau: http://localhost

Trong Miền ứng dụng tôi đã thêm localhost.

Bây giờ nó hoạt động. Vấn đề duy nhất mà tôi gặp phải là bạn phải sử dụng URL này trong tất cả các tập lệnh của mình. Ví dụ

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

Bạn không thể sử dụng 127.0.0.1ở đây ...

Tôi đã thử tất cả các giải pháp được đề cập ở đây nhưng không có giải pháp nào hoạt động.

Điều đã giải quyết được vấn đề của tôi là sao chép "URI chuyển hướng OAuth" từ firebase sang ứng dụng facebook "URI chuyển hướng OAuth hợp lệ"

Tôi đã để trống tất cả các miền