WinJS - AuthenticateAndContinue and "remote procedure call failed" exception

A while ago I started playing around a bit with JavaScript on Windows Phone. I wanted to create very simple app using AngularJS but of course I also had to use some WinJS features (for integration with device ). One of the things I needed to implement was authentication/authorization using OAuth. According to WinJS documentation it should be pretty straightforward - just use Windows.Security.Authentication.Web.WebAuthenticationBroker.authenticateAndContinue method with appropriate URLs. Of course I wanted authentication/authorization to be called before navigating to any screen, so I slightly modified default WinJS template and my code looked like that

1
// rest of code omitted for brevity
2
var activation = Windows.ApplicationModel.Activation,
3
    app = WinJS.Application,
4
    nav = WinJS.Navigation,
5
    sched = WinJS.Utilities.Scheduler,
6
    ui = WinJS.UI;
7

8
 app.addEventListener("activated", function (args) {
9
        if (args.detail.kind === activation.ActivationKind.launch) {
10
            if (args.detail.previousExecutionState !== activation.ApplicationExecutionState.terminated) {
11
                // TODO: This application has been newly launched. Initialize
12
                // your application here.
13
            } else {
14
                // TODO: This application has been reactivated from suspension.
15
                // Restore application state here.
16
            }
17

18
            nav.history = app.sessionState.history || {};
19
            nav.history.current.initialPlaceholder = true;
20

21
            var p = ui.processAll().then(function() {
22
                Windows.Security.Authentication.Web.WebAuthenticationBroker.authenticateAndContinue(
23
                        requestUrl, // for instance facebook auth url
24
                        callbackUrl // for instance facebook auth callback url
25
                    );
26
            });
27
            args.setPromise(p);
28
        }
29
    });
30
// rest of code omitted for brevity

Unfortunately all I got was this strange exception

The exception itself originated somewhere from WinJS framework so I wasn’t able to debug it at all. It took me a while to figure this out but after all it turned out, that all you have to do, to make it work is to schedule call of AuthenticateAndContinue method using WinJS.Utilities.Scheduler

1
WinJS.Utilities.Scheduler.schedule(function(){ //your code in here});

After this change entire code listing looks like that

1
// rest of code omitted for brevity
2
var activation = Windows.ApplicationModel.Activation,
3
   app = WinJS.Application,
4
   nav = WinJS.Navigation,
5
   sched = WinJS.Utilities.Scheduler,
6
   ui = WinJS.UI;
7

8
app.addEventListener("activated", function (args) {
9
       if (args.detail.kind === activation.ActivationKind.launch) {
10
           if (args.detail.previousExecutionState !== activation.ApplicationExecutionState.terminated) {
11
               // TODO: This application has been newly launched. Initialize
12
               // your application here.
13
           } else {
14
               // TODO: This application has been reactivated from suspension.
15
               // Restore application state here.
16
           }
17

18
           nav.history = app.sessionState.history || {};
19
           nav.history.current.initialPlaceholder = true;
20

21
           var p = ui.processAll().then(function() {
22
               return sched.schedule(function() {
23
                   Windows.Security.Authentication.Web.WebAuthenticationBroker.authenticateAndContinue(
24
                       requestUrl, // for instance facebook auth url,
25
                       callbackUrl // for instance facebook auth callback url
26
                   );
27
               });
28
           });
29

30
           args.setPromise(p);
31
       }
32
   });
33
// rest of code omitted for brevity

After this procedure we should be successfully redirected to the requestUrl, in my case to Facebook login page