FB.login dòng chảy bị hỏng cho iOS WebApp

Question

Tôi đang tạo một ứng dụng web iOS (ví dụ: trang HTML chạy ở chế độ độc lập - không có Safari chrome - khi dấu trang của trang được thêm vào màn hình chính).

Tôi có một nút bấm onclick gọi FB.login(). Khi ở chế độ độc lập, webapp chuyển hướng đến trang đăng nhập facebook (như mong đợi), tuy nhiên sau đó, tôi bị kẹt trên màn hình trắng (tôi không được yêu cầu xác thực vì tôi đã có, nhưng tôi tưởng tượng rằng màn hình xác thực sẽ xảy ra trước màn hình trắng) và không được đưa trở lại vào webapp.

Cùng một luồng trong ứng dụng Safari hoạt động như mong đợi. Nhấp vào cuộc gọi đăng nhập FB.login(), mở trang mới nơi bạn được yêu cầu đăng nhập vào Facebook, sau khi bạn đăng nhập và xác thực ứng dụng, trang đó đóng và bạn được đưa trở lại trang gốc.

Dường như ở chế độ độc lập, có sự cố với "trang thứ hai" khi đóng đăng nhập FB và chuyển hướng trở lại ứng dụng (không có). Và dòng chảy bị phá vỡ.

Có cách giải quyết nào cho vấn đề này không?

Cảm ơn,
-Esa

Answer 1

Bạn có thể thử các cách giải quyết dưới đây. Nó làm việc cho tôi. Trong thiết bị di động, nó chuyển hướng đến url xác thực phía máy khách.

var isMobile = false; 
try { 
    isMobile = (window.location.href == top.location.href && window.location.href.indexOf("/mobile/") != -1); 
} catch (e) {} 
if (!isMobile) { 
    FB.login(); 
} else { 
    var permissionUrl = "https://m.facebook.com/dialog/oauth?client_id=" + appId + "&response_type=code&redirect_uri=" + redirectPage + "&scope=" + permissions; 
    window.location = permissionUrl; 
    return; 
} 

Answer 2

tôi đã sử dụng sau đây để phát hiện nếu anh ở chế độ màn hình chủ và làm điều đúng cho phù hợp:

if ("standalone" in navigator && navigator.standalone) { 
    var permissionUrl = "https://m.facebook.com/dialog/oauth?client_id=" + appId + "&response_type=code&redirect_uri=" + window.location + "&scope=" + app_permissions; 
    window.location = permissionUrl; 
} else { 
    FB.login(
    function(response) { 
     ... 
    }, 
    {scope: app_permissions} 
); 
}