Facebook OAuth, Tên miền của URL này không được bao gồm trong tên miền của ứng dụng

Trước tiên, hãy để tôi nói rằng tôi đã tìm kiếm câu trả lời cho câu hỏi này trong một thời gian khá lâu ...

Tôi đang cố gắng thiết lập Facebook OAuth để hoạt động với ứng dụng đang được phát triển cục bộ trên máy của mình. Mọi thứ đều hoạt động hoàn hảo với ủy quyền của Facebook UNTIL Tôi đã chuyển từ sử dụng localhostsang một tên miền khác (vẫn là cục bộ cho máy của tôi.) Bây giờ tôi đang gặp phải lỗi sau.

Không thể tải URL: Tên miền của URL này không được bao gồm trong các miền của ứng dụng. Để có thể tải URL này, hãy thêm tất cả tên miền và tên miền phụ của ứng dụng vào trường Miền ứng dụng trong cài đặt ứng dụng của bạn.

Tệp máy chủ của tôi chứa 127.0.0.1 photovote.dev (hoạt động hoàn hảo)

Chuyển hướng của tôi trong ứng dụng của tôi (sử dụng Socialite) là http://photovote.dev/auth/facebook/callback

Trong Cài đặt ứng dụng Facebook của tôi ...

• Tên miền ứng dụng của tôi là photovote.dev
• URL trang web của tôi là http://photovote.dev/
• URI chuyển hướng OAuth hợp lệ của tôi là http://photovote.dev/auth/facebook/callback

URL tại thời điểm thông báo lỗi là ..

https://www.facebook.com/v2.5/dialog/oauth?client_id =

Tôi không biết vấn đề là gì ...

Ảnh chụp màn hình 1

Ảnh chụp màn hình 2

Điều này thường xảy ra nếu bạn đã nhập sai chi tiết khi bạn tạo Ứng dụng trong Facebook. Hoặc bạn đã thay đổi URL của một ứng dụng hiện có?

Bạn có thể vui lòng kiểm tra lại các cài đặt của APP trong trang này không?

https://developers.facebook.com/apps

1. Chọn ứng dụng chính xác và nhấp vào nút chỉnh sửa;

2. Kiểm tra URL & đường dẫn được nhập chính xác và đang trỏ đến trang web nơi bạn đã cài đặt plugin Ultimate Facebook.

Trong trường hợp ai đó đi qua điều này và đang tìm kiếm các cài đặt này (như tôi)

Bạn phải

1. Ở phía bên trái, nhấp vào "+ Thêm sản phẩm" và chọn "Đăng nhập Facebook" (nó ở trên cùng đối với tôi)
2. Xem các cài đặt mới có sẵn ở phía bên tay trái
3. Bây giờ bạn sẽ có các cài đặt OAuth này trên "Cài đặt sản phẩm" đó

Thông tin bổ sung: Đảm bảo thêm URL gọi http://localhost:3000lại vào Valid OAuth redirect URIstrường trên trang cài đặt của Đăng nhập Facebook

Tôi đã từng gặp vấn đề tương tự. Tôi đã giải quyết nó bằng cách thêm URI chuyển hướng OAuth của tôi làm đối số cho lệnh gọi hàm getAccessToken:

$redirectLoginHelper->getAccessToken("https://www.example.com/myfacebookcallback")

Nếu không có đối số nào được gửi vào chức năng đó, SDK sẽ tự tạo URI chuyển hướng, nó sẽ hoạt động nhưng trong trường hợp của tôi thì không.

Hy vọng điều này sẽ giúp được ai đó.

Hãy chắc chắn rằng ứng dụng của bạn được công khai. Nhấp vào + Thêm sản phẩm Bây giờ vào sản phẩm => Đăng nhập Facebook Bây giờ, hãy làm như sau:

Các URI chuyển hướng OAuth hợp lệ: example.com/

Hủy ủy quyền URL gọi lại: https://example.com/facebookapp

Đây là những gì tôi đã làm để giải quyết vấn đề này:

Về cơ bản:

1) Kích hoạt " Đăng nhập OAuth trình duyệt nhúng "

2) Vô hiệu hóa " Sử dụng chế độ nghiêm ngặt để chuyển hướng URI " và nhập URI chuyển hướng như cách tôi đã làm.

3) Để lại tất cả các tùy chọn còn lại như hiện tại.

4) Lưu các thay đổi của bạn.

5) Thưởng thức :)

Tôi gặp vấn đề tương tự và nó xuất phát từ ID ứng dụng client_id / Facebook sai.

Bạn đã chuyển ứng dụng Facebook của mình thành "công khai" hay "trực tuyến chưa? Khi bạn làm như vậy, Facebook sẽ tạo một ứng dụng mới với ID ứng dụng mới.

Bạn có thể so sánh giá trị tham số "client_id" trong url với giá trị trong bảng điều khiển Facebook của bạn.

Cách tôi sửa nó: Tôi đã đi đến hộp văn bản URI chuyển hướng OAuth hợp lệ và đặt URL chính xác , không chỉ tên miền :

trước: https://my-website.com

sau: https://my-website.com/facebookoauth/facebooklogin

(url có thể khác trong trường hợp của bạn, hãy kiểm tra nó trong thanh địa chỉ của trình duyệt).

Điều này xảy ra do cài đặt Sử dụng Chế độ nghiêm ngặt cho các URI chuyển hướng, đã bị khóa ở vị trí Có.

Không thể tải URL: Tên miền của URL này không được bao gồm trong các miền của ứng dụng. Để có thể tải URL này, hãy thêm tất cả tên miền và tên miền phụ của ứng dụng vào trường Miền ứng dụng trong cài đặt ứng dụng của bạn.

Tôi đã gặp vấn đề này ngày hôm nay, tôi thấy tài liệu Facebook và SDK thiếu tôn trọng và kiêu ngạo đối với các nhà phát triển khác để nói rằng ít nhất.

Bên cạnh việc có "miền ứng dụng" ở hai vị trí khác nhau mà không có nhiều thông tin (3 nếu bạn thêm nền tảng "web"), bạn cũng cần truy cập vào các sản phẩm ứng dụng / đăng nhập facebook / cài đặt và thêm URL chuyển hướng của bạn trong URI chuyển hướng OAuth hợp lệ

Lỗi nói KHÔNG CÓ về cài đặt oauth.

Tính đến 2017-10.

Giải pháp đã giải quyết vấn đề của tôi.

Hiện tại FB làm cho bất ngờ này.

... Cài đặt OAuth của ứng dụng khách. Đảm bảo Đăng nhập OAuth của Khách hàng và Web đang bật ...

Các cài đặt để điều chỉnh được đặt tại đây https://developers.facebook.com/apps/[your_app_itentifier[/fb-login/ .

Dấu gạch chéo là quan trọng. Chúng phải khớp với mã ứng dụng của bạn và trong cài đặt quản trị viên FB. Vì vậy, đây là một cấu hình ở đâu đó trong mã của bạn (xem bên dưới cách nhận bất kỳ tên miền nào cho ứng dụng dev):

{
    callbackURL: `http://my_local_app.com:3000/callback/`, // trailing slash
}

và đây

Để nhận bất kỳ tên miền nào cho một ứng dụng trên máy Windows cục bộ, hãy chỉnh sửa hosttệp. Tên tùy chỉnh là tốt để thoát khỏi tất cả những localhost:8080, 0.0.0.0:30303, 127.0.0.0:8000, vân vân. Bởi vì một số dịch vụ của bên thứ ba như FB đôi khi không cho phép bạn sử dụng 127.0.0.0tên.

Trên hoststệp Windows 10 có tại đây:

C:\Windows\System32\drivers\etc\hosts

Sao lưu tệp ban đầu, tạo một bản sao với tên khác (Không hoạt động trong Windows CMD gốc. Tôi sử dụng Git cho Windows , nó có nhiều lệnh Unix)

$ cp hosts hosts.bak

Thêm cái này vào hosts

127.0.0.1  myfbapp.com # you can access it in a browser http://myfbapp.com:3000
127.0.0.1  www.myotherapp.io # In a browser http://www.myotherapp.io:2020

:3000Ví dụ, để loại bỏ phần cổng, hãy thiết lập NGINX.

Bấm vào đây Mã dự án ! Mã ví dụ dự án của nó. Nó làm việc với tôi

Hầu hết thời gian xảy ra với việc không chèn URL chuyển hướng OAuth hợp lệ thích hợp trong phần sản phẩm của bảng điều khiển FB. Tôi đề nghị làm theo các bước dưới đây của tôi

01. Kiểm tra cài đặt cơ bản của ứng dụng có ổn không với hình ảnh dưới đây với bạn

02. kiểm tra xem bạn có thêm sản phẩm không

Nếu không, bạn có thể dễ dàng thêm đăng nhập sản phẩm bằng cách nhấp vào + sin khi tôi hiển thị dưới đây.

Nếu Có chỉ cần vào bên trong cài đặt sản phẩm.

03. Kiểm tra xem bạn đã cung cấp URL chuyển hướng OAuth hợp lệ chưa

Nó đơn giản có nghĩa là những gì nên sau khi đăng nhập. Nó không phải là khác với cuộc gọi của bạn trở lại URl. Bạn có thể thấy trong hình dưới đây của tôi, tôi đã thêm một số URL chuyển hướng.

4. có bất kỳ vấn đề nào nữa Xem video của tôi--> https://www.youtube.com/watch?v=mdhubrzV5y8&t=3s

Gần đây, Facebook đã vô hiệu hóa nút chuyển đổi cho ' Sử dụng Chế độ nghiêm ngặt để chuyển hướng URI ', vì vậy bạn cần thêm URI chính xác những gì được gọi khi bạn nhấn nút đăng nhập. Đối với trường hợp của tôi, nó đã được hiển thị trong ảnh chụp màn hình. Nó đã giải quyết vấn đề cho tôi :)

Tôi đã từng gặp vấn đề tương tự,

Tôi vừa thêm liên kết của địa chỉ http: //localhost/Facebook%20Login%20Test.html vào Site URLtrong ứng dụng của mình https://developers.facebook.com/apps .

Bây giờ nó hoạt động tốt :) Tôi hy vọng điều này là hữu ích;)

Trong trường hợp của tôi, những việc tôi phải làm chỉ là kích hoạt Đăng nhập OAuth của Trình duyệt nhúng

Không có gì thực sự hiệu quả với tôi, cho đến khi tôi cập nhật phiên bản SDK mà tôi đang sử dụng. Tôi bắt đầu với 5.0. Ngay cả 5.4.0 cũng không hoạt động. Khi tôi cập nhật lên 5.6.2, nó hoạt động hoàn hảo, mặc dù không có gì trong các thay đổi có liên quan!

Tùy chọn này nên được kích hoạt trong cổng thông tin:

Trong trường hợp điều này giúp được bất kỳ ai khác, điều này bắt đầu xảy ra với tôi trên một trang web cũ hơn khi "URI chuyển hướng OAuth hợp lệ" trở thành bắt buộc. Trang web vẫn đang sử dụng SDK V4 PHP và vấn đề đã được giải quyết cho tôi bằng cách nâng cấp lên SDK V5.

Trong phần Miền ứng dụng, bạn đang viết miền ứng dụng nhưng bạn cũng cần thêm tên miền đăng nhập, tức là tên trang html nơi bạn yêu cầu người dùng đăng nhập. Trong trường hợp của tôi, tôi đã thử nghiệm nó trên localhost và tuyến đăng nhập là localhost / login, Nếu tôi chỉ đặt http://localhost.com trong phần miền Ứng dụng, tôi gặp lỗi này. Nhưng sau khi thêm http: //localhost/login.com , lỗi đã được sửa. và cài đặt Ứng dụng cũng đã thay đổi trong phiên bản SDK mới hơn, trong đó không có tùy chọn cho tuyến chuyển hướng OAuth. Bạn đã chỉ định tuyến chuyển hướng trực tiếp từ phía máy chủ, sau khi nhận được mã thông báo OAuth thành công.

Điều này làm việc cho tôi:

Đây là điều chính cần hiểu: Facebook sẽ luôn kiểm tra " WWW tên miền " ". Vì vậy, hãy đảm bảo www.your_domain.dev đang hoạt động trên trình duyệt của bạn trước tiên.

Có thể là nếu bạn có nhiều máy chủ ảo trên máy chủ cục bộ của mình, một số máy chủ ảo khác sẽ ghi đè " www.your_domain.dev ". Vì vậy, vui lòng kiểm tra xem. Apache sẽ chọn định nghĩa ĐẦU TIÊN về tên miền (hoặc cổng hoặc một cái gì đó theo các thuật ngữ này - Tôi không phải là chuyên gia về vấn đề này, nhưng đã học được những sai lầm). Một sửa chữa nhanh chóng dễ dàng cho ghi đè máy chủ ảo này là đặt " định nghĩa máy chủ ảo www.your_domain.dev lên trên cùng của tệp" httpd-vhosts.conf ".

Truy cập " /apache/conf/https-vhosts.conf " và đặt phần này lên trên cùng của tệp:

<VirtualHost *:80>
<Directory "C:/your_app_folder_path/">
    Options FollowSymLinks Indexes
    AllowOverride All
    Order deny,allow
    allow from All
</Directory>
ServerName your_domain.dev
ServerAlias your_domain.dev
DocumentRoot "C:/your_app_folder_path/"
</VirtualHost>

###### FOR SSL #####
<VirtualHost *:443>
    DocumentRoot "C:/your_app_folder_path/"
    ServerName your_domain.dev
    ServerAlias www.your_domain.dev
    SSLEngine on
    SSLCertificateFile "conf/ssl.crt/server.crt"
    SSLCertificateKeyFile "conf/ssl.key/server.key"
    <Directory "C:/your_app_folder_path/">
        Options All
        AllowOverride All
        Require all granted 
    </Directory>
</VirtualHost>

Tiếp theo: Nếu bạn đang sử dụng hệ thống Windows, hãy chỉnh sửa tệp "hosts" của bạn trong "C: \ Windows \ System32 \ driver \ etc" bằng cách thêm hai dòng:

127.0.0.1 your_domain.dev
127.0.0.1 www.your_domain.dev

Tiếp theo: Khởi động lại máy chủ Apache của bạn và mọi thứ sẽ hoạt động ngay bây giờ.

Tôi hy vọng điều này sẽ giúp bạn và tiết kiệm thời gian của bạn. Tôi đã lãng phí gần như cả ngày để tìm kiếm trên web và kéo tóc ra và không thể tìm thấy bất cứ điều gì hữu ích cho đến khi tôi tìm thấy điều này.

Tôi gặp vấn đề tương tự ..... bản phát hành nằm trong phiên bản PHP SDK 5.6.2 và bản sửa lỗi đã chỉnh sửa tệp sau:

facebook\src\Facebook\Helpers\FacebookRedirectLoginHelper.php

thay đổi dòng này

$redirectUrl = FacebookUrlManipulator::removeParamsFromUrl($redirectUrl,['state','code']);

đến

$redirectUrl = FacebookUrlManipulator::removeParamsFromUrl($redirectUrl,['state','code','enforce_https']);

Lỗi tương tự Facebook này đã xảy ra với tôi trong môi trường Sản xuất. Lý do là tôi đã có 2 ứng dụng được đăng ký với Facebook (Địa phương, Sản xuất) nhưng tôi đã mã hóa ID ứng dụng cục bộ thành mã nguồn và quên chuyển nó ra khỏi ID ứng dụng sản xuất trước khi triển khai.

Thực tiễn tốt nhất chỉ ra rằng bạn không nên mã hóa ID ứng dụng vào mã nguồn nhưng nếu bạn làm vậy, đừng ghép các ID ứng dụng Facebook khác nhau của bạn như tôi đã nhầm.

Sử dụng máy chủ cục bộ của riêng tôi.

Chỉ cần thêm http://localhost/my-sitedưới dạng URL trong:

https://developers.facebook.com/apps/YOUR-APP-ID/fb-login/

đã làm cho tôi.

Vấn đề và câu trả lời, tiếp tục thay đổi khi FB thắt chặt thủ tục đăng nhập. Hôm nay, tôi bắt đầu nhận được thông báo kinh dị này "Tên miền của URL này không được bao gồm trong tên miền của ứng dụng. Để có thể tải URL này, hãy thêm tất cả tên miền và tên miền phụ của ứng dụng vào trường Miền ứng dụng trong cài đặt ứng dụng của bạn."

Câu trả lời là: bây giờ FB muốn uri chuyển hướng đầy đủ. Vì vậy, đối với tôi, nơi trước đây chỉ là https://www.example.com , giờ đây nó muốn https://www.example.com/auth/facebook/callback . Điều này phải đi vào trường "URI chuyển hướng OAuth hợp lệ" (cài đặt Đăng nhập nhà phát triển / Facebook->)

Đăng nhập Facebook -> Cài đặt -> URI chuyển hướng OAuth hợp lệ -> chèn tên miền của url chuyển hướng của bạn, hãy nhớ bạn nên thêm 'https' hoặc http. ví dụ: nếu url chuyển hướng của bạn là https://xxx.xxx.com/path/callback.do , bạn chỉ cần nhập https://xxx.xxx.com/ , điều đó ổn đối với tôi.

Bước đầu tiên: sử dụng tất cả https://example.in hoặc URL chứng chỉ ssl, không sử dụng http://example.in

Bước thứ hai: cài đặt ứng dụng faceboook-> cài đặt cơ bản-> thêm tên miền hoặc tên miền phụ của bạn

Bước thứ ba: cài đặt đăng nhập ứng dụng faceboook-> URI chuyển hướng OAuth hợp lệ-> thêm tất cả url chuyển hướng của bạn sau khi đăng nhập

Bước thứ tư: cài đặt ứng dụng faceboook-> cài đặt trước-> Trình quản lý miền-> thêm tên miền của bạn

làm tất cả các bước này sau đó sử dụng id ứng dụng, phiên bản ứng dụng, bí mật ứng dụng để thiết lập

trên tiện ích mở rộng Đăng nhập xã hội Magento 2, bạn phải sao chép URI chuyển hướng OAuth hợp lệ từ bảng điều khiển và thêm liên kết vào trường URI chuyển hướng OAuth hợp lệ trong trang Cài đặt OAuth của khách hàng tại developers.facebook.com

Nếu trò chơi của bạn không có máy chủ / trang web (ví dụ: nếu bạn phát triển cho Gameroom như tôi) - hãy thêm " https://apps.facebook.com/xxxxxxxxxxxxxxxxx " (đặt ID ứng dụng của bạn thay vì "xxxxxxxxxxxx") vào "URI chuyển hướng OAuth hợp lệ ".

Hầu hết các câu trả lời đều xoay quanh việc thêm URL vào miền của ứng dụng, nhưng khi làm việc trong một công ty, bạn không có những quyền truy cập này. Đối với những người đó, bạn có thể bỏ qua điều này bằng cách chỉ cần tạo một máy chủ ảo và tạo một mục lưu trữ.

thêm phần này vào tệp máy chủ (/ etc / hosts) 127.0.0.1 www.your_domain.com

tạo một máy chủ ảo. Tôi đã sử dụng điều này cho máy chủ ảo apache

Quản trị trang web ServerAdmin @ localhost ServerName www.your_domain.com

    ProxyPass / http://localhost:5006/
    RewriteMap  lc int:tolower
    LogLevel debug