Скачать или смотреть How to Call Swift Functions from JavaScript in WKWebView

Learn how to effectively call Swift functions from JavaScript using WKWebView. Follow our step-by-step guide to enable seamless communication between your web content and native iOS code.
---
This video is based on the question https://stackoverflow.com/q/64721091/ asked by the user 'Anton Danilov' ( https://stackoverflow.com/u/13353728/ ) and on the answer https://stackoverflow.com/a/64722386/ provided by the user 'gcharita' ( https://stackoverflow.com/u/6791677/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Call swift function from js

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Call Swift Functions from JavaScript in WKWebView

In the world of iOS application development, bridging the gap between JavaScript and native Swift code can sometimes pose a challenge. Whether you're working with web content in a WKWebView or developing apps that require dynamic interaction between JavaScript and Swift, understanding how to implement this functionality is vital.

The Problem: Communication Between JavaScript and Swift

You might be faced with a situation where your JavaScript code needs to invoke a function defined in Swift. For instance, your JavaScript may call a function like this:

[[See Video to Reveal this Text or Code Snippet]]

However, this function call, as demonstrated, would work for Kotlin on Android but not directly for Swift in iOS. The challenge lies in effectively implementing this function in Swift so that it can be called from JavaScript.

The Solution: Using WKScriptMessageHandler

To bridge this gap between JavaScript and Swift, we can utilize the WKScriptMessageHandler protocol along with the WKWebView. Here’s how you can implement this solution step-by-step.

Step 1: Update JavaScript Code

Instead of calling the Swift function directly, you need to modify your JavaScript to use the postMessage() function. This allows you to pass data in the form of a JSON object.

Here’s the revised JavaScript code:

[[See Video to Reveal this Text or Code Snippet]]

Step 2: Use WKScriptMessageHandler in Swift

Now that the JavaScript part is set up, let’s see how to handle the incoming message in Swift. Your Swift code must conform to the WKScriptMessageHandler protocol, enabling it to respond to messages sent from JavaScript.

Here’s an example of how your Swift implementation can look:

[[See Video to Reveal this Text or Code Snippet]]

Step 3: Set Up the WKWebView Configuration

Ensure that your WKWebView is properly configured to receive messages from JavaScript. Here's how you can set it up:

[[See Video to Reveal this Text or Code Snippet]]

Conclusion

By following the steps outlined above, you can easily call Swift functions from JavaScript within a WKWebView. This seamless communication allows for dynamic and interactive applications that leverage both web technologies and native code capabilities. Always remember to structure your JSON in the JavaScript correctly, and ensure you are handling it appropriately in Swift for a robust integration.

Now you're all set to enhance your iOS apps with efficient JavaScript and Swift communication!