CODEWITHSUNDEEP
javascriptiosiphonewkwebviewwkwebviewconfiguration
yuvraj Sorav
yuvraj Sorav

Reputation: 81

Return result from called function in iOS to calling function in WkWebView in JavaScript

We called a function in iOS from javascript i.e

var data = webkit.messageHandlers.callbackHandler.postMessage("Hello from JavaScript");

I want to assign returned value in data variable from called method in iOS.

iOS Code : 

func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if(message.name == "callbackHandler") {
            print("JavaScript is sending a message \(message.body)")
            how to send data back??
        }
    }

can someone please tell me how to do it??

I know I can use evaluateJavascript to call back another method but due to some restriction I have to return result from same method.

Upvotes: 8

Views: 8318

Answers (4)

JeffProd
JeffProd

Reputation: 3148

If you need to get data in JS from Swift, asynchronously, you may also use localStorage.

In Swift :

webView.evaluateJavaScript("localStorage.setItem(\"mykey\",\"myval\")")

In JS :

let myval = localStorage.getItem('mykey')

Upvotes: 0

Stephen Bridgett
Stephen Bridgett

Reputation: 671

iOS 14+ adds a "didReceive:replyHandler" parameter, which can contain a 'reply' object or an 'errorMessage'. This 'replyHandler' is effectively a formal implementation of the above 'evaluateJavaScript' async callback:

Apple documentation for WKScriptMessageHandlerWithReply interface and didReceive:replyHandler

For an example using this 'replyHandler', see this StackOverflow post: iOS 14 API WKScriptMessageHandlerWithReply

Upvotes: 4

ndreisg
ndreisg

Reputation: 1179

Here is one approach:

Javascript:

function callNativeCode() {
    webkit.messageHandlers.callbackHandler.postMessage("Hello from JavaScript");
}

// this function will be later called by native code
function callNativeCodeReturn(returnedValue) {
    // do your stuff with returned value here
}

Swift:

func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
    if(message.name == "callbackHandler") {
        print("JavaScript is sending a message \(message.body)")
        webView.evaluateJavaScript("callNativeCodeReturn(0)")
    }
}

Of course this is not very elegant and not synchronous...

There is another approach with promises, you can find out more about it here: http://igomobile.de/2017/03/06/wkwebview-return-a-value-from-native-code-to-javascript/

Upvotes: 5

hstdt
hstdt

Reputation: 6243

You could give the WebViewJavascriptBridge library a try and see if it fits your needs.

https://github.com/marcuswestin/WebViewJavascriptBridge.

Upvotes: -1

Related Questions