Power bi embed report is not working in IOS

[camppowerbi]

Hi Team,

We are displaying power bi reports in the IOS app using power bi embed js. It's a Cordova app.

It used to work earlier. 

But from the past couple of days, we are getting protocol mismatch error in "reportembed.externals.bundle.min.js" js file.

Blocked a frame with origin app.powerbi.com  from accessing a frame with origin "file".  The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "file". Protocols must match.

Can anyone help to resolve this issue?

[PBI_Enthusiast]

This is due to UIWebView API deprecation by Apple. This is not a Power BI or Microsoft issue.

Please see this for detailed explanation of the root cause of this issue and what you will need to do - https://ionicframework.com/blog/understanding-itms-90809-uiwebview-api-deprecation/

To summarize, this is what you may need to do...

Using Cordova?

On November 25th, 2019, the Cordova team released Cordova iOS 5.1.0, which disables UIWebview at compile time. They were previously discussing a plan to move forward.

To update:

Ensure you have a WKWebView plugin installed: either the official Apache one or Ionic’s. All Ionic starter apps automatically include cordova-plugin-ionic-webview.
Add <preference name="WKWebViewOnly" value="true" /> to your config.xml file.
Update each Cordova plugin to the latest version (these can trigger the warning too). Better yet – remove them if they are no longer needed!
Run cordova prepare ios to apply the changes.