How to register window.external.notify event handler in Javascript

I am trying to use the Azure Access Control Service in an HTML / JavaScript application. The following code example will display the token after authentication against the selected identity provider:

<!DOCTYPE html> <html> <head> </head> <body> <script type="text/javascript"> function handleData (data){ document.getElementById('tokenDiv').innerHTML = "Token = " + data; } function chooseIdentityProvider ( url ){ document.getElementById('loginFrame').src = url; } // HOW TO register notify event handler? window.external.notify = handleData; </script> <select name="AvailableProviders" onchange="if (this.selectedIndex) chooseIdentityProvider (this.value)"> <option value="-1">Select Identity Provider</option> <option value="https://login.live.com/login.srf?wa=wsignin1.0&wtrealm=https%3a%2f%2faccesscontrol.windows.net%2f&wreply=https%3a%2f%2fnamespace.accesscontrol.windows.net%3a443%2fv2%2fwsfederation&wp=MBI_FED_SSL&wctx=pr%3djavascriptnotify%26rm%3duri%253awk%253atest">Windows Live ID</option> <option value="https://www.google.com/accounts/o8/ud?openid.ns=http%3a%2f%2fspecs.openid.net%2fauth%2f2.0&openid.mode=checkid_setup&openid.claimed_id=http%3a%2f%2fspecs.openid.net%2fauth%2f2.0%2fidentifier_select&openid.identity=http%3a%2f%2fspecs.openid.net%2fauth%2f2.0%2fidentifier_select&openid.realm=https%3a%2f%2fnamespace.accesscontrol.windows.net%3a443%2fv2%2fopenid&openid.return_to=https%3a%2f%2fnamespace.accesscontrol.windows.net%3a443%2fv2%2fopenid%3fcontext%3dpr%253djavascriptnotify%2526rm%253duri%25253awk%25253atest%26provider%3dGoogle&openid.ns.ax=http%3a%2f%2fopenid.net%2fsrv%2fax%2f1.0&openid.ax.mode=fetch_request&openid.ax.required=email%2cfullname%2cfirstname%2clastname&openid.ax.type.email=http%3a%2f%2faxschema.org%2fcontact%2femail&openid.ax.type.fullname=http%3a%2f%2faxschema.org%2fnamePerson&openid.ax.type.firstname=http%3a%2f%2faxschema.org%2fnamePerson%2ffirst&openid.ax.type.lastname=http%3a%2f%2faxschema.org%2fnamePerson%2flast">Google</option> <option value="https://open.login.yahooapis.com/openid/op/auth?openid.ns=http%3a%2f%2fspecs.openid.net%2fauth%2f2.0&openid.mode=checkid_setup&openid.claimed_id=http%3a%2f%2fspecs.openid.net%2fauth%2f2.0%2fidentifier_select&openid.identity=http%3a%2f%2fspecs.openid.net%2fauth%2f2.0%2fidentifier_select&openid.realm=https%3a%2f%2fnamespace.accesscontrol.windows.net%3a443%2fv2%2fopenid&openid.return_to=https%3a%2f%2fnamespace.accesscontrol.windows.net%3a443%2fv2%2fopenid%3fcontext%3dpr%253djavascriptnotify%2526rm%253duri%25253awk%25253atest%26provider%3dYahoo!&openid.ns.ax=http%3a%2f%2fopenid.net%2fsrv%2fax%2f1.0&openid.ax.mode=fetch_request&openid.ax.required=email%2cfullname%2cfirstname%2clastname&openid.ax.type.email=http%3a%2f%2faxschema.org%2fcontact%2femail&openid.ax.type.fullname=http%3a%2f%2faxschema.org%2fnamePerson&openid.ax.type.firstname=http%3a%2f%2faxschema.org%2fnamePerson%2ffirst&openid.ax.type.lastname=http%3a%2f%2faxschema.org%2fnamePerson%2flast">Yahoo!</option>" </select> <br /> <iframe id="loginFrame" height="200" width="60%" src="" /> <br /> <div id="tokenDiv"></div> </body> </html> 

The iFrame content looks like this:

  <script type="text/javascript"> try{ window.external.notify(...token...); } catch(err){ alert("Error ACS50021: windows.external.Notify is not registered."); } </script> 

I get the error message: "Error ACS50021: windows.external.Notify is not registered."

How can I register a notification event handler in Javascript?

+4
source share
2 answers

Did the allowed URL include a message, something like this:

  // code needed -> allowed parameter to check all URL var unloadFunc = "(function(){ function navigating(){ window.external.notify('%%' + location.href);} window.onbeforeunload=navigating;return location.href;})();"; var host = wv.InvokeScript("eval", new string[] { unloadFunc }); wv.AllowedScriptNotifyUris = new[] { new Uri(host) }; 

wv - webview element in xaml

+2
source

If you are using iFrame, you will need to use the PostMessage API. http://msdn.microsoft.com/en-us/library/ie/cc197015 (v = vs .85) .aspx

window.external.notify is an API that only works in the XAML WebView control or in the x-ms-webview HTML control.

0
source

Source: https://habr.com/ru/post/1396493/


All Articles