màn hình trống với Mobile Web App và Facebook Connect

Question

Tôi đang xây dựng một ứng dụng web có thể mở toàn màn hình trên iPhone và đang theo mã cho web di động của Facebook, có thể được tìm thấy tại địa chỉ: https://developers.facebook.com/docs/guides/mobile/web/

Khi tôi cố gắng để đăng nhập bằng trang đăng nhập Facebook, tôi nhận được một màn hình trắng trống sau khi tôi nhấp vào nút "đăng nhập". Người dùng IS đăng nhập mặc dù .. Tôi biết điều này bởi vì nếu tôi đóng và mở lại ứng dụng web, tôi kiểm tra trạng thái đăng nhập và cố gắng để có được một số thông tin người dùng, và nó hoạt động tốt.

Tôi đã thấy những người khác với cùng ở đây: blank white screen after FB login via web app?

Dường như ai đó đã xác định được một cách giải quyết, nhưng tôi không thể có được nó để làm việc. Mã Tôi đang sử dụng là:

function loginUser() {  
    FB.login(function(response) { }, {scope:'email'});  
    } 

Những người khác đã chỉ ra rằng tôi cần phải sử dụng các cách giải quyết ở đây:

login({scope:'email', redirect_uri:'where_to_go_when_login_ends'}) 

Có ai biết làm thế nào để hợp nhất các mẩu mã để làm cho nó hoạt động?

Cảm ơn!

Answer 1

Hãy thử this, nó làm việc cho tôi:

FB.login(function(response) { 
    //deal with response 
}, {scope:'permissions', redirect_uri:'url to redirect to'}); 

Answer 2

Vấn đề nằm ở thực tế là cửa sổ đăng nhập bình thường sẽ mở ra như một cửa sổ pop-up. Tuy nhiên, trong các ứng dụng web (iOS), ứng dụng này không được hỗ trợ đúng cách vì một số lý do.

Bằng cách cung cấp một liên kết bình thường thay vì kịch bản đăng nhập btn riêng FB của, quá trình đăng nhập vẫn trong cùng một cửa sổ (bao gồm cả quá trình chuyển hướng!)

Tôi hy vọng điều này sẽ giúp bất cứ ai ...

<a href="https://www.facebook.com/dialog/oauth/?client_id=YOUR_APP_ID&redirect_uri=YOUR_REDIRECT_URL&state=YOUR_STATE_VALUE&scope=COMMA_SEPARATED_LIST_OF_PERMISSION_NAMES">LOGIN!</a>