cordova-plugin-alpha-wkwebview-file-xhr-fix 2.3.1

About the cordova-plugin-alpha-wkwebview-file-xhr-fix

This plugin is based on the cordova-plugin-wkwebview-file-xhr plugin and has been modified to work with Cordova iOS 6.2.0+ and Alpha Anywhere.

This plugin makes it possible to reap the performance benefits of using the WKWebView in your Cordova app by resolving the following issues:

• The default behavior of WKWebView is to raise a cross origin exception when loading files from the main bundle using the file protocol - "file://". This plugin works around this shortcoming by loading files via native code if the web view's current location has "file" protocol and the target URL passed to the open method of the XMLHttpRequest is relative. As a security measure, the plugin verifies that the standardized path of the target URL is within the "www" folder of the application's main bundle.

• Since the application's starting page is loaded from the device's file system, all XHR requests to remote endpoints are considered cross origin. For such requests, WKWebView specifies "null" as the value of the Origin header, which will be rejected by endpoints that are configured to disallow requests from the null origin. This plugin works around that issue by handling all remote requests at the native layer where the origin header will be excluded.

Installation

Plugin installation requires Cordova 10+ and iOS 9+.

cordova plugin add cordova-plugin-alpha-wkwebview-file-xhr-fix

Supported Platforms

• iOS

Quick Example

// read local resource
var xhr = new XMLHttpRequest();
xhr.addEventListener("loadend", function (evt) {
  var data = this.responseText;
  document.getElementById("myregion").innerHtml = data;
});

xhr.open("GET", "js/views/customers.html");
xhr.send();

// post to remote endpoint
var xhr = new XMLHttpRequest();
xhr.addEventListener("loadend", function (evt) {
  var product = this.response;
  document.getElementById("productId").value = product.id;
  document.getElementById("productName").value = product.name;
});

xhr.open("POST", "https://myremote/endpoint/product");
xhr.responseType = "json";
xhr.setRequestHeader("Content-Type", "application/json");
xhr.setRequestHeader("Accept", "application/json");
xhr.send(JSON.stringify({ name: "Product 99" }));

Configuration

The following configuration options modify the default behavior of the plugin. The values are specified in config.xml as preferences:

This plugin has been modified from the original to sync cookies returned in the XHR header to the WKWebView.

Whilst this plugin resolves the main issues preventing the use of the Apache Cordova WKWebView plugin, there are other known issues with that plugin.

Changes

See CHANGELOG.

Contributing

This is an open source project maintained by Oracle Corp. Pull Requests are currently not being accepted. See CONTRIBUTING for details.

License

Copyright (c) 2018 Oracle and/or its affiliates The Universal Permissive License (UPL), Version 1.0