Replacing UIWebView with WKWebView in ICD Mobile iOS app

This task describes the steps on how to replace UIWebView with WKWebView in the ICD Mobile iOS app.

About this task

  • UIWebView has been deprecated by Apple. Apple has released guidelines to use WKWebView instead of UIWebView, see https://ionicframework.com/docs/v3/wkwebview/. The iOS App Store will no longer accept new apps using UIWebView, see News and Updates on the Apple website.

  • Cross-Origin Resource Sharing (CORS) is a mechanism that uses additional HTTP headers to tell browsers to give a web application running at one origin, access to selected resources from a different origin. A web application executes a cross-origin HTTP request when it requests a resource that has a different origin (domain, protocol, or port) from its own. For more details on CORS, see https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS.

  • CORS settings in system property must be enabled using the ICD Classic GUI to use WKWebView in the ICD Mobile iOS app. Follow the below steps on how to update CORS settings in system property using ICD Classic GUI.

Procedure

  1. Log in to the IBM Control Desk classic GUI, go to the System Configuration > Platform Configuration > System Properties.
  2. In the Global Properties table, click filter.
  3. In the Property Name column, search mxe.oslc and edit Global Value for the following properties:
    Note: To edit Global Value, click the arrow symbol adjacent to the Property Name. A new section Global Properties Details will display, edit Global Value as given in the below table for all the four system properties.
    Table 1.
    Property Name Global Value
    mxe.oslc.aclallowheaders maxauth, x-method-override, patchtype, content-type, accept, x-public-uri, Authorization, x-request-with, Slug, x-document-meta, x-document-description, Content-Type
    mxe.oslc.aclallowmethods OPTIONS, GET, POST, PUT, DELETE
    mxe.oslc.aclalloworigin *
    mxe.oslc.aclfolloworigin 1
  4. Once all the above four properties are updated, select the checkbox for all the four properties and click Live Refresh in the left panel under the Common Action section.
  5. A pop-up Live Refresh will display, click OK.