Общение между JavaScript и Objective-C в iOS приложении

Быстрый ответ

Взаимодействие JavaScript с iOS осуществляется при помощи WKWebView, который позволяет устанавливать связь между JavaScript и Swift/Objective-C. Важную роль в этом процессе играет WKScriptMessageHandler, обеспечивающий обмен сообщениями.

Код конфигурации на Swift:

import WebKit

class ViewController: UIViewController, WKScriptMessageHandler {
    var webView: WKWebView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let config = WKWebViewConfiguration()
        config.userContentController.add(self, name: "callbackHandler")
        
        webView = WKWebView(frame: .zero, configuration: config)
        webView.load(URLRequest(url: URL(string: "ваш_URL")!))
        view = webView
    }

    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if message.name == "callbackHandler" {
            // Обработка сообщения из JavaScript
        }
    }
}

Вызов в JavaScript:

function triggerNative() {
    window.webkit.messageHandlers.callbackHandler.postMessage('Сообщение для Native');
}

Здесь эффективное взаимодействие обеспечивается с помощью методов add() на стороне Swift и postMessage() в JavaScript для обмена данными.

Выполнение сложных сценариев

Использование библиотек для мостов

В проектах, активно задействующих JavaScript, эффективно использовать такие библиотеки как WebViewJavascriptBridge или GAJavaScript для установления стойкой двусторонней связи.

Подробнее об этом расскажет наш спикер на видео

Асинхронные вызовы: незаменимые помощники

Асинхронные вызовы, особенно в UIWebView, обрабатываются при помощи техники iframe.

Совместимость с вашей версией iOS

Не забывайте про совместимость с версией вашего iOS. WKWebView доступен начиная с iOS 8.

Отслеживание событий JavaScript

Создайте собственные URL-схемы для отслеживания вызовов и перенаправления их в нативный код.

Взаимодействие с JavaScriptCore

В выборе iOS 7 и выше предпочтение стоит отдать фреймворку JavaScriptCore для прямого доступа к функционалу JavaScript.

Безопасность превыше всего

Исключите использование приватных API и соблюдайте правила WebScripting_Protocol, чтобы избежать удаления вашего приложения из App Store.

Вопросы при использовании моста JavaScript

Общение с пользовательскими объектами

Включите в JavaScript возможность взаимодействия с вашим кодом через пользовательские объекты при помощи webView.setValue:forKey:.

Мультиязычный проект? Это просто!

Создайте удобный интерфейс для взаимодействия между Swift/Objective-C и JavaScript.

Управление памятью

Не забывайте контролировать использование памяти, иначе обмен сообщениями и объектами между средами может вызвать её перегрузку.

Гибридный подход к созданию приложений

Разрабатывайте гибридное приложение, сочетающее HTML5 и нативные фреймворки iOS.

Визуализация

Представим мир JavaScript как 🌐 (Webland), а нативную среду iOS как 📱 (iOS Island).

"Строительство" моста (коммуникационный мост 🌉):
- Конструкторский отдел: код JavaScript
- Конечная цель: нативные функции iOS

Процесс строительства моста: 🌐 (JS код) 🚧 -> (Мост) 🚀 <- 🚧 (Objective-C/Swift)

Результат: 🌐 (JS) ↔️ 🌉 ↔️ 📱 (iOS функции) – бесшовное взаимодействие

Завершение

Выполнение JavaScript на лету

Используйте evaluateJavaScript(_:completionHandler:) для динамического взаимодействия с JS.

Передача данных в JavaScript

Используйте postMessage, преобразуя объекты в строки с помощью JSON для упрощения передачи.

Обработка ошибок

Предусмотрите надежную систему обработки ошибок в JavaScript коде.

Полезные материалы

1. Документация по WKWebView от Apple — всё, что вам нужно знать о WKWebView.
2. GitHub – marcuswestin/WebViewJavascriptBridge — для глубокого погружения в обмен сообщениями.
3. WKWebView от NSHipster — подробное рассмотрение WKWebView.
4. Построение моста в JavaScript — простой подход к построению моста.
5. Вопросы о WKWebView — центр обсуждений программирования.
6. Переход к WKWebView — как обеспечить плавную интеграцию WKWebView в приложение.