cách kiểm tra đồ thị mở trên localhost

76

Tôi đã nghiên cứu rất nhiều và chưa tìm ra câu trả lời chắc chắn cho điều này. Có cách nào để kiểm tra đồ thị mở trên localhost không? Tôi không gặp bất kỳ vấn đề nào khi sử dụng api biểu đồ trên locahost.

Tôi đã thay đổi url trang web của mình trong cài đặt ứng dụng và thậm chí đã thử thiết lập miền trong tệp máy chủ lưu trữ của mình nhưng trình gỡ lỗi liên kết cho biểu đồ mở cố gắng sử dụng miền thực thay vì máy chủ cục bộ của tôi và khi sử dụng trực tiếp locahost, trình liên kết hoàn toàn không kết nối được .

Có ai có bất kỳ giải pháp thay thế cho điều này?

testing facebook-graph-api localhost

— DavidB
nguồn

1

Bạn đã bao giờ giải quyết điều này? @DavidB

— nikjohn

40

Sử dụng proxy cục bộ là giải pháp phù hợp. ngrokcũng không làm việc cho tôi.

Một công cụ tương tự đã hoạt động với trình gỡ lỗi facebook là localtunnel ✅

npm install -g localtunnel
lt --port 8000

Tạo một url giống như sau https://<random_hash>.localtunnel.me/. Sử dụng url này trong trình gỡ lỗi đồ thị mở của facebook đã làm việc cho tôi kể từ ngày 18 tháng 10 năm 2017. Tôi chỉ phải nhấn vào nút Tìm nạp thông tin mẩu tin mới. 🍻

Điều thú vị về localtunnel là bạn có thể dễ dàng lưu trữ máy chủ localtunnel của riêng mình với github.com/localtunnel/server, vì vậy nếu nó ngừng hoạt động localtunnel.me, bạn có thể chạy máy chủ localtunnel của riêng mình ở đâu đó trên đám mây ⛅

— GabLeRoux
nguồn

2

Làm việc rất tốt. Trong trường hợp của tôi, lệnh cần phải là "lt -p 8000".

— Kohanz

+1. Điều này có hiệu quả với tôi khi ngrok không (xem vấn đề ngrok tại đây: github.com/inconshreveable/ngrok/issues/427 ). Trong trường hợp của tôi, tôi đã sử dụng Windows PowerShell làm quản trị viên.

— Ryan

Tôi trở lại và ước tôi có thể ủng hộ một lần nữa. Windows PowerShell với tư cách là quản trị viên hoạt động ngay cả đối với các dự án Laravel Homestead; chỉ cdvào thư mục dự án và sau đó lt --port 8000. URL kết quả trong bảng điều khiển phù hợp với tôi. (Cố gắng mở Git Bash với tư cách quản trị viên và cài đặt npm trong hộp Homestead Vagrant đó không hoạt động đối với tôi.)

— Ryan

3

Máy chủ localtunnel mặc định dường như không hoạt động tại thời điểm này, vì vậy có thể đáng để thử lt -h "http://serverless.social" -p PORT.

— Sajad Torkamani

28

Bạn có thể sử dụng ngrok để tạo một miền phụ công khai ngẫu nhiên định tuyến đến máy chủ web cục bộ của bạn rất dễ dàng, ngay cả thông qua NAT hoặc tường lửa.

Chỉ cần tải xuống ngrok và chạy ./ngrok http 8080(giả sử 8080 là cổng http máy chủ web cục bộ của bạn).

Thao tác này sẽ tạo một tên miền phụ ngẫu nhiên như http://38a84a97.ngrok.io/ định tuyến đến máy chủ web cục bộ của bạn và bạn có thể sử dụng với Facebook để kiểm tra các thẻ biểu đồ mở của mình.

— Iwazaru
nguồn

2

Điều này dường như không hoạt động. Đã sử dụng ngrok URL và vẫn gặp lỗi "Lỗi phân tích cú pháp URL đầu vào, không có dữ liệu nào được lưu vào bộ nhớ cache hoặc không có dữ liệu nào được quét" trên trình gỡ lỗi biểu đồ mở.

— neverbendeasy

2

Bạn đã thử nhấp vào nút Tìm nạp thông tin mẩu tin mới chưa?

— Iwazaru

1

Điều đó dường như cũng không hoạt động. Nó chỉ fetches các url ngrok

— nikjohn

4

nó đã từng làm việc cho tôi, nhưng không còn nữa. Tôi biết nó có vấn đề gì

— AndreiMotinga

3

Ngrok không làm việc với fb bánh xích kiểm tra này: github.com/inconshreveable/ngrok/issues/427

— Lucian Tarna

7

Rất đơn giản để kiểm tra Open Graph trong bất kỳ môi trường cục bộ nào bằng Chrome hoặc Firefox bằng các plugin . Tôi đã sử dụng một cái để nhanh chóng hiển thị trong chrome về cách Open Graph cho người xem để kiểm tra kết quả. Đây là một trích dẫn về những gì nó làm.

Tiện ích mở rộng này cho biết cách mọi người sẽ nhìn thấy trang web của bạn trong các mạng xã hội phổ biến nhất Tiện ích mở rộng này dành cho các chuyên gia tạo nội dung truyền thông.

Để kiểm tra thông tin meta của trang web hoặc bài viết của bạn, chỉ cần mở nó trong Chrome và nhấp vào biểu tượng của tiện ích. Ngoài ra, bạn có thể thêm URL theo cách thủ công.

Đây là liên kết trực tiếp đến plugin (Chrome)
tiện ích bổ sung của Firefox

— BigEd
nguồn

1

Vui lòng không chỉ đăng một số công cụ hoặc thư viện như một câu trả lời. Ít nhất hãy chứng minh cách nó giải quyết vấn đề trong chính câu trả lời.

— Tạm biệt StackExchange vào

6

Tôi vẫn không nghĩ rằng điều này đáng được tán thành. Rốt cuộc, đây là vấn đề của việc sử dụng stackoverflow, chẳng ích gì nếu câu trả lời của bạn rõ ràng là chính xác và bạn vẫn bị phản đối.

— BigEd

Chỉ cần lưu ý: Tôi không phản đối, nhưng các liên kết đến plugin thường bị cộng đồng coi là spam vì hầu hết các tác giả plugin sẽ ghé qua và rời khỏi plugin của chính họ, và làm lộn xộn trang web (Nếu liên kết chết, câu trả lời sẽ trở nên vô dụng) .

— Tạm biệt StackExchange

2

+1 Plugin này rất tuyệt và giải quyết được vấn đề của OP. Xin lỗi @FrankerZ, nó hầu như không cần bất kỳ lời giải thích nào vì nó rất dễ sử dụng ...!

— jessexknight

2

Để kiểm tra biểu đồ mở (và các thẻ Twitter), tôi cũng phải đưa localhost (Docker) lên Facebook và Twitter. Tôi đã sử dụng Serveo

Nó hoạt động rất tốt cho việc này, không cần cài đặt bất cứ thứ gì vì nó hoạt động với tính năng chuyển tiếp cổng ssh.

$ ssh -R 80:localhost:3000 serveo.net

Sau đó, điều hướng đến url được cung cấp, và bạn bắt đầu.

— Jesse
nguồn

Tôi không thể truy cập url. Nó mang lại cho tôi trang trống

— Ryuujo

Serveo dường như đã được đưa vào ngoại tuyến do các vấn đề lừa đảo: /

— Josiah Nunemaker

1

Bạn phải thiết lập một miền công cộng trỏ đến địa chỉ ip công cộng của bạn. Sử dụng dynes.org hoặc một dịch vụ tương tự và thiết lập bộ định tuyến để chuyển tiếp cổng 80 của bạn.

— Stephan Alber
nguồn

1

Tôi sử dụng một công cụ miễn phí có tên là ProxyLocal giúp công chúng có thể truy cập vào máy chủ địa phương của tôi.

Xem hướng dẫn này để biết các lựa chọn thay thế proxy khác http://devblog.avdi.org/2012/04/27/http-osysteming-services-for-local-facebook-development/

— Jhony Fung
nguồn

proxylocal.com không phải là url hợp lệ cho biết Facebook

— Jackie Chan

tôi đang sử dụng Proxylocal và nó hoạt động để kiểm tra thẻ ogtags. Debugger: developers.facebook.com/tools/debug/og/object

— Julio Marins

1

Liên kết không khả dụng

— Ryuujo

1

Có một số công cụ bạn có thể sử dụng để phục vụ nội dung nào đó qua máy chủ cục bộ của mình, mỗi công cụ có các mức độ chức năng khác nhau.

Tôi thích (rõ ràng là) http://ionaryhq.com

Các tùy chọn tuyệt vời khác tại đây: http://devblog.avdi.org/2012/04/27/http-osysteming-services-for-local-facebook-development/

— Josiah
nguồn

1

Nếu ai đó đang muốn xem trước các :ogthẻ trên trong khi phát triển trên các tên miền phụ (sử dụng lvh.me) trong localhost. Bạn có thể sử dụng https://serveo.net . Chỉ cần sử dụng lệnh sau để chuyển tiếp các yêu cầu máy chủ cục bộ của bạn. Không cần cài đặt.

ssh -R yoursubdomain.serveo.net:80:yoursubdomain.lvh.me:3000 serveo.net

bạn có thể đặt cổng mong muốn của mình ở vị trí 3000.

Tham khảo: https://blog.aarvy.me/2019/09/20/expose-local-apps-having-subdomains-to-web/

— Aarvy
nguồn

0

Như một cách tiếp cận đơn giản hơn một chút, bạn có thể sử dụng tiện ích mở rộng trình duyệt như https://socialsharepreview.com/browser-extensions - sẽ hiển thị các Thẻ xã hội của bạn trực tiếp trong Trình duyệt (tất nhiên có thể không thành công nếu bạn không đặt nhầm chúng trên máy chủ :))

— Armin
nguồn