ADAL.JS и автономное веб-приложение

Question

У меня есть веб-страница, где я реализую ADAL.JS.

При просмотре страницы через Интернет она отлично работает; однако, когда я пытаюсь просмотреть его на iPhone, и я сохранил его как ярлык на рабочем столе с помощью кнопки . Добавить в Homescreen, все идет поскорее.

Начальная страница (index.html) корректно показывает метатег apple-mobile-web-app-capable; однако, когда аутентификация вызывается, я попал в настоящее окно браузера. После перенаправления на index.html я все еще в отдельном окне браузера, а не в представлении веб-приложения.

В конечном счете, я хочу иметь это как автономный веб-сайт со всеми функциональными возможностями страницы, отображаемыми в представлении, созданным apple-mobile-web-app-capable. Любые другие идеи относительно того, как реализовать это, оцениваются.

Заранее спасибо.

Answer 1

Это одна из больших проблем, существующих в настоящее время в iOS webapps. Каждая ссылка или перенаправление открывается в новом окне. Вы можете исправить это изменение window.location.href с JavaScript.

Answer 2

Кажется, что-то не хватает ... Я получаю urlNavigate неопределенная ошибка ... предложения?

alert('Running Auth'); 

online = navigator.onLine;

authContext = new AuthenticationContext({ 
    tenant: azureTenant, 
    clientId: azureClientId, 
    postLogoutRedirectUri: window.location, 
    //redirectUri: "https://shlpkpiapi.azurewebsites.net/kpiapp/test.html" 
}); 

authContext.config.displayCall=function(url){ 

    if (urlNavigate) 
    { 
     this.info('Navigate to:' + urlNavigate); 
     window.location.href=urlNavigate; 
    } 
    else 
    { 
     this.info('Navigate url is empty'); 
    } 
} 



if (authContext.isCallback(window.location.hash)) { 

    authContext.handleWindowCallback(); 
    var err = authContext.getLoginError(); 
    if (err) { 
     alert('Error on callback') 
    } 
} 
else { 

    var user = authContext.getCachedUser(); 
    if (user) { 
     //We have a user in cache and are using those credentials 
     console.log('Signed in as: ' + user.userName); 


    } else { 
     console.log('Not signed in.') 
     if (online) 
     { 
      alert('signing in'); 
      authContext.login(); 
     } 
     else 
     { 
      alert('currently offline'); 
     }  
    } 
} 

Answer 3

ОК ... Я внес изменения, и ошибка исчезла, но я не понимаю, как это должно решить проблему. Когда я добавляю свою страницу на свой домашний экран IPhone (https://xxxxx.azurewebsites.net/app/test.html), а затем нажмите на плитку, я попал на страницу test.html. На этой странице есть функция auth, которая выполняет команду adal.js, и переносит меня на «https://login.microsoftonline.com/xxx.onmicrosoft.com/oauth2 ...». Это отображается в моем веб-приложении IOS и содержит мою учетную запись и параметр Использовать другую учетную запись. Я нажимаю на свою учетную запись или выбираю опцию Использовать другую учетную запись, и меня переносят на другую страницу, открытую в Safari.