Chapter 8: AccountsController - facebook login not working with IE 11. about aspdotnet-core-and-angular-2 HOT 5 CLOSED

It is taken from the AccountsController.cs:
// output a <SCRIPT> tag to call a JS function registered into the parent window global scope return Content( "<script type'text/javascript'>" + "window.opener.externalProviderLogin(" + JsonConvert.SerializeObject(auth) + ");" + "window.close();" + "</script>", "text/html" );

The IE debugger shows this:
Unable to get property 'externalProviderLogin' of undefined or null reference

from aspdotnet-core-and-angular-2.

To be more precise, the authentication with the external provider (facebook in this case) succeeds but then there is a failure in the modal dailog. 'window.opener' is null for Internet Explorer so the javascript function 'externalProviderLogin does not get called and the modal window does not close.
All code has been updated to Angular 2 Version 4.0.0 and changes for Chapter 8 from Issue 3 have been applied.
I do not believe that this is a version 4.0.0 issue; I think that IE is just no supporting 'window.opener.'
Any workaround would be appreciated.
Thanks!

from aspdotnet-core-and-angular-2.

After fiddling with IE security settings I got a bit farther...
But now the code cannot access localStorage from auth.service.ts
` // Persist auth into localStorage or removes it if a NULL argument is given
setAuth(auth: any): boolean {
if (auth) {
localStorage.setItem(this.authKey, JSON.stringify(auth));
}
else {
localStorage.removeItem(this.authKey);
}
return true;
}

// Retrieves the auth JSON object (or NULL if none) 
getAuth(): any { 
    var i = localStorage.getItem(this.authKey); 
    if (i) { 
        return JSON.parse(i); 
    } 
    else { 
        return null; 
    } 
} `

from aspdotnet-core-and-angular-2.

After many attempts I found that in VS 2015 and IIS Express and IE 11 this line in Auth.Service.ts was failing:
`localStorage.setItem(this.authKey, JSON.stringify(auth));

JSON.stringify(auth) was returning NULL.

I replaced it with with this and it works:
localStorage.setItem(this.authKey, '{"type":"' + auth.type + '","providerName":"' + auth.providerName + '"}');

The setAuth method now looks like this:
` // Persist auth into localStorage or removes it if a NULL argument is given
setAuth(auth: any): boolean {

    if (auth) { 
        localStorage.setItem(this.authKey, '{"type":"' + auth.type + '","providerName":"' + auth.providerName + '"}'); 
    } 
    else { 
        localStorage.removeItem(this.authKey); 
    } 
    return true; 
} `

It also seems that IE needs to use Protected Mode enabled and www.facebook.com needs to be added as a trusted site.

A lot of minor details but it is now working!
:)

from aspdotnet-core-and-angular-2.

Add when getting to Chapter 9 I had to make this tweak...

` // Persist auth into localStorage or removes it if a NULL argument is given

setAuth(auth: any): boolean { 

    if (auth) { 

        if (auth.providerName)

            localStorage.setItem(this.authKey, '{"type":"' + auth.type + '","providerName":"' + auth.providerName + '"}');

        else

            localStorage.setItem(this.authKey, JSON.stringify(auth));

    } 

    else { 

        localStorage.removeItem(this.authKey); 

    } 

    return true; 

} `

from aspdotnet-core-and-angular-2.